爲什麼使用 Next.js 開發 SaaS？
這取決於團隊需求。Next.js 提供文件路由、服務端渲染、React Server Components 和廣泛的生態。App Router 幫助在同一應用中組合服務端與客戶端工作。身份驗證、授權、計費和部署仍需根據產品設計。
圍繞路由與佈局構建
App Router 使用文件路由組織頁面與佈局。共享佈局有助於保持導航和工作區上下文一致，加載和錯誤邊界則讓每個路由描述自己的狀態。
SaaS 產品仍需服務端授權。每個工作區 ID 都應作爲請求的一部分，結合登錄用戶進行驗證。
決定代碼在哪裏運行
頁面和佈局默認是 Server Components。在服務端獲取數據、使用密鑰，需要交互和瀏覽器 API 時再使用 Client Components。保持客戶端邊界聚焦，只傳輸界面需要的數據。
規劃生產環境
框架負責路由和渲染，但應用仍要負責計費正確性、訪問控制、數據保留與運行恢復。
| 領域 | 需要檢查 |
|---|---|
| 身份 | 會話與工作區權限 |
| 計費 | 經過驗證的 webhook 和重複投遞處理 |
| 交付 | 部署、日誌與恢復 |
從可運行的基礎開始
supastack 提供 Next.js Web 選項，包含身份驗證、工作區、計費和 AI 功能。閱讀設置指南，並與 TanStack Start 選項比較，選擇適合團隊的模型。