nextjs-developmentlisted

# Next.js Development Skill ## 📋 目次 ### 基礎編（このファイル） 1. [概要](#概要) 2. [いつ使うか](#いつ使うか) 3. [App Router基礎](#app-router基礎) 4. [Server Components vs Client Components](#server-components-vs-client-components) 5. [データフェッチング](#データフェッチング) 6. [キャッシング戦略](#キャッシング戦略) 7. [実践例](#実践例) 8. [アンチパターン](#アンチパターン) 9. [Agent連携](#agent連携) ### 詳細ガイド（完全版） 1. [Server Components完全ガイド](./guides/app-router/server-components-complete.md) - 23,000文字 2. [データフェッチング戦略完全ガイド](./guides/data-fetching/data-fetching-strategies.md) - 28,000文字 3. [キャッシング&リバリデーション完全ガイド](./guides/caching/caching-revalidation.md) - 26,000文字 --- ## 概要 このSkillは、Next.js App Router開発をカバーします： - **App Router** - ファイルベースルーティング - **Server Components** - サーバーサイドレンダリング - **データフェッチング** - fetch, Prisma, ORMs - **キャッシング** - 自動キャッシュ、revalidate - **API Routes** - RESTful API - **デプロイ** - Vercel, 自己ホスティング --- ## 📚 公式ドキュメント・参考リソース **このガイドで学べること**: App Routerパターン、Server Components設計、キャッシング戦略 **公式で確認すべきこと**: 最新API、Next.js 15の新機能、デプロイオプション、マイグレーションガイド ### 主要な公式ドキュメント - **[Next.js Documentation](https://nextjs.org/docs)** - Next.js公式ドキュメント - [App Router Guide](https://nextjs.org/docs/app) - App Routerの完全ガイド - [Data Fetching](https://nextjs.org/docs/app/building-your-application/data-fetching) - データフェッチング詳細 - [Caching](https://nextjs.org/docs/app/building-your-application/caching) - キャッシング機構の詳細 - [Server Actions](https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations) - Server Actions完全ガイド - [API