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 架構順利遷移。它涵蓋了建立巢狀佈局、共用元件、處理不同路由模式(如動態路由、平行路由與攔截路由),以及實作元資料(Metadata)管理等功能。此技能支援所有使用 App Router 的 Next.js 13+ 專案,無論是在開發初期或是現有專案的遷移過程。透過清晰的結構化文件與範例,它能讓 AI 助手(如 Claude Code、Cursor 或 Codex)準確地生成符合最佳實務的程式碼,並減少常見的遷移錯誤。啟用場景包含佈局建立、路由模式設計與元資料處理等典型任務。

相容平台~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 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

nextjs-app-router-fundamentals 是做什麼的?

適用於 Next.js App Router(Next.js 13+)的指南。在從 Pages Router 遷移到 App Router、建立佈局、實作路由、處理元資料或建置 Next.js 13+ 應用程式時使用。啟用於 App Router 遷移、佈局建立、路由模式或 Next.js 13+ 開發任務。

相關技能