Next.js 範例

資料提取

• 使用 fetch API
• 使用 ORM 或資料庫客戶端
• 在伺服器端讀取搜尋參數
• 在客戶端讀取搜尋參數

重新驗證資料

• 使用 ISR 在特定時間後重新驗證資料
• 使用 ISR 按需重新驗證資料

表單

• 提交表單時顯示擱置狀態
• 伺服器端表單驗證
• 處理預期錯誤
• 處理非預期例外
• 顯示樂觀的 UI 更新
• 以程式設計方式提交表單

伺服器動作

• 傳遞額外值
• 重新驗證資料
• 重新導向
• 設定 Cookie
• 刪除 Cookie

詮釋資料

建立 Open Graph 圖片

建立 Sitemap

建立 robots.txt 檔案

建立自訂 404 頁面

建立自訂 500 頁面

驗證

基於 Cookie 的無狀態工作階段管理

基於資料庫的有狀態工作階段管理

管理授權

測試

Jest

Playwright

Cypress

部署

• 建立 Dockerfile
• 建立靜態匯出 (SPA)
• 自架設時設定快取
• 自架設時設定圖片最佳化