glide-data-grid-nextjs

name	glide-data-grid-nextjs
description	Next.js/Reactプロジェクトで @glideapps/glide-data-grid を導入・修正・レビューするときに使う。DataEditor/DataEditorCore、標準GridCellKind、@glideapps/glide-data-grid-cells の全追加セル、App Router/Pages Router、dynamic ssr:false、CSS/portal、編集・選択・コピー/ペースト・カスタムセル・パフォーマンスを扱う。
allowed-tools	["Read","Write","Edit","MultiEdit","Grep","Glob","Bash"]

Glide Data Grid for Next.js

目的

このSkillは、Next.jsで @glideapps/glide-data-grid を安全に導入・実装・修正・レビューするための手順パッケージです。標準セル、追加セル、Next.js固有のSSR/CSS制約、編集・選択・コピー/ペースト・カスタムセルまでを漏れなく扱います。

使うべき場面

次のいずれかが出たらこのSkillを使います。

• @glideapps/glide-data-grid, Glide Data Grid, DataEditor, GridCellKind, GridColumn, customRenderers
• Next.jsで高性能な表、スプレッドシート風UI、仮想化グリッドを作る依頼
• SSRエラー、CSSが効かない、portal/overlay/editing/copy-paste/custom cellの相談
• @glideapps/glide-data-grid-cells の追加セルを使う依頼

最初に読むファイル

依頼内容に応じて、必要な参照だけを読むこと。

• Next.js導入とSSR/CSS: references/nextjs-setup.md
• コンポーネント・props・セル種別の全体表: references/component-and-cell-reference.md
• カスタムセル・エディタ: references/custom-cells-and-editors.md
• 実装レシピ: references/recipes.md
• よくある不具合: references/troubleshooting.md
• 公式ソース対応表: references/sources.md