Communityコーディング&開発github.com

wsimmonds/nextjs-app-router-fundamentals

Next.js App Router(Next.js 13+)を操作するためのガイド。Pages RouterからApp Routerへの移行、レイアウト作成、ルーティング実装、メタデータ処理、Next.js 13+アプリケーション構築時に使用します。App Routerの移行、レイアウト作成、ルーティングパターン、Next.js 13+の開発タスクで有効化されます。

nextjs-app-router-fundamentals とは?

このスキルは、Next.js 13以降で導入されたApp Routerを使用するための包括的なガイドです。主な用途は、従来のPages RouterからApp Routerへの移行、効率的なレイアウトの作成、ルーティングパターンの実装、メタデータの管理、そしてNext.js 13+アプリケーションの構築に関するものです。Claude Code、Cursor、CodexなどのAIエージェントと連携し、開発者がApp Routerの最新機能を最大限に活用できるよう支援します。スキルのSKILL.mdには、App Routerの基本的な概念から高度なパターンまでが詳細に記載されており、移行プロジェクトや新規開発プロジェクトでの具体的なコード例やベストプラクティスが含まれています。

対応~Claude Code~Codex CLI~Cursor
Part ofNext.js
npx skills add https://github.com/wsimmonds/claude-nextjs-skills/tree/main/skills/nextjs-app-router-fundamentals

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

nextjs-app-router-fundamentals は何をしますか?

Next.js App Router(Next.js 13+)を操作するためのガイド。Pages RouterからApp Routerへの移行、レイアウト作成、ルーティング実装、メタデータ処理、Next.js 13+アプリケーション構築時に使用します。App Routerの移行、レイアウト作成、ルーティングパターン、Next.js 13+の開発タスクで有効化されます。

関連スキル