範例

資料擷取

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

重新驗證資料

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

表單

• 在提交表單時顯示等待狀態
• 伺服器端表單驗證
• 處理預期錯誤
• 處理非預期例外
• 顯示樂觀 UI 更新
• 程式化表單提交

伺服器行為

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

Metadata (中繼資料)

• 建立 RSS feed
• 建立 Open Graph 圖片
• 建立 sitemap
• 建立 robots.txt 檔案
• 建立自訂 404 頁面
• 建立自訂 500 頁面

身份驗證

• 建立註冊表單
• 無狀態、基於 cookie 的會話管理
• 有狀態、資料庫支援的會話管理
• 管理授權

測試

• Vitest
• Jest
• Playwright
• Cypress

部署

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