Next.js App Router 開発ガイド

概要

Next.js App Routerを使ったWebアプリケーション開発に特化したスキルです。React Server Components、並列データフェッチ、キャッシング戦略、エラーハンドリングなど、App Routerの機能をフル活用するための包括的な指示を含みます。

対象技術

• Next.js 14+ (App Router)
• TypeScript
• React Server Components
• Tailwind CSS
• Zod バリデーション

主な特徴

• Server / Client Componentの使い分けガイドライン
• loading.tsx / error.tsx / not-found.tsx の活用パターン
• Server Actions によるフォーム処理
• ISR・動的レンダリングの最適化
• セキュリティベストプラクティス

⚠️ このレポートはAIによる自動審査です。内容の正確性を保証するものではありません。

総合スコア: 4.2 / 5.0

概要

Next.js App RouterとTypeScriptを使ったモダンWeb開発の包括的なガイドライン。Server Components優先、パフォーマンス最適化、Tailwind CSSによるスタイリングなど、実務で即活用できる指示セットです。

良い点

• React Server Components（RSC）優先の明確な方針
• Web Vitals最適化への具体的な言及
• ファイル構成やnaming conventionが実用的

改善の余地

• テスト戦略（Jest、Testing Library等）への言及がない
• エラーハンドリングパターンの具体例が少ない

推奨ユーザー

Next.js App Routerでプロダクションレベルのアプリケーションを構築するフロントエンド・フルスタック開発者。

出典

• サイト: Cursor Directory
• ライセンス: CC-BY