部署至 Vercel
將 Next.js 部署至生產環境最簡單的方式,就是使用由 Next.js 開發團隊打造的 Vercel 平台。
Vercel 是一個為靜態與混合應用設計的無伺服器 (serverless) 平台,可與您的無頭內容 (headless content)、電子商務或資料庫整合。我們讓前端團隊能輕鬆開發、預覽並部署令人愉悅的使用者體驗,且預設就具備高效能。您可以免費開始使用 — 無需信用卡。
建立 Vercel 帳號
首先,前往 Vercel 建立帳號。選擇 Continue with GitHub 並完成註冊流程。
匯入您的 nextjs-blog
儲存庫
註冊完成後,在 Vercel 上匯入您的 nextjs-blog
儲存庫。您可以從此處操作:Vercel。
- 您需要安裝 Vercel for GitHub。您可以授予它所有儲存庫的存取權限。
- 安裝 Vercel 後,匯入
nextjs-blog
。
以下設定您可以使用_預設值_ — 無需變更任何內容。Vercel 會自動偵測到您有一個 Next.js 應用程式,並為您選擇最佳建置設定。
- 專案名稱 (Project Name)
- 根目錄 (Root Directory)
- 建置指令 (Build Command)
- 輸出目錄 (Output Directory)
- 開發指令 (Development Command)
部署時,您的 Next.js 應用程式會開始建置。通常會在一分鐘內完成。
取得協助:如果部署失敗,您隨時可以在 GitHub Discussions 尋求幫助。想了解更多部署相關資訊,請參考我們的文件。
完成後,您會獲得部署網址。點擊任一網址,您應該就能看到 Next.js 起始頁面正式上線。
恭喜!您已成功將 Next.js 應用程式部署至生產環境。在下一頁,我們將深入探討 Vercel 與推薦的工作流程。