← 全部工具

Next.js App Router 產生器:六類檔案範本

建立 TypeScript 或 JavaScript 的 page、layout、loading、error、template 及 not-found 範本,檢查 server/client 邊界。

nextjs-page-generator本機處理

正在啟用本機工具…

產生設定

檔案類型

修改設定會清除舊結果。輸入僅留本頁記憶體,不傳送、儲存或寫入網址;輸出只顯示文字,不執行。

App Router/Promise params 範本;layout 為巢狀版本,根 layout 仍需 html/body。靜態參數範例放於 app/[slug]/page。error 固定為 client。

來源欄位核對日期:2026-10-18。UD5

預覽與完整輸出

設定欄位後產生,或先載入範例。

如何使用這個工具

選擇檔案及語言,按需啟用伺服器 metadata、async 或 slug 靜態參數範例;產生後逐檔或匯出整份文字。

不適合用在什麼情況

適用使用 Promise params 的 App Router。layout 為巢狀範本,根 layout 仍須 html/body。靜態參數使用 [slug] 範例路由;此處不建立或編譯專案。