部屬你的 Next.js 程式

部署至 Vercel

將 Next.js 應用程式部署到生產環境最簡單的方法是使用由 Next.js 開發者們所構建的 Vercel 平台。

Vercel 是一個無伺服器平台,適用於靜態和混合應用程式,可與您的無頭內容、電子商務或資料庫整合。我們致力於幫助前端團隊部屬、預覽和提供令人愉悅的使用者體驗,並預設提供優秀的性能。您可以免費開始使用且無需信用卡。

建立 Vercel 帳戶

首先,前往 vercel.com/signup 創建一個 Vercel 帳戶。選擇使用 GitHub 繼續並完成註冊過程。

導入 nextjs-blog 程式碼儲存庫

一旦完成註冊,將您的 nextjs-blog 程式碼存儲庫導入到 Vercel 上。您可以從這裡進行導入:vercel.com/import/git

  • 您需要為 GitHub 安裝 Vercel。您可以給予它對所有存儲庫的訪問權限。
  • 一旦完成安裝,導入 nextjs-blog

您可以使用預設值來設置以下項目 — 無需進行任何修改。Vercel 會自動檢測您是否有 Next.js 應用程式,並為您選擇最佳的構建配置。

  • 專案名稱
  • 根目錄
  • 構建指令
  • 輸出目錄
  • 開發指令

當您進行部署時,您的 Next.js 應用程式將開始進行構建。通常情況下,構建過程應該在一分鐘內完成。

可用幫助:如果您部署失敗,可以隨時在 GitHub 討論區尋求幫助。要了解更多關於部署的資訊,請參閱我們的文件

當部署完成後,您將獲得部署的 URL。點擊其中一個 URL,您應該可以看到 Next.js 的初始頁面在線上運行。

恭喜!您剛剛成功將 Next.js 應用程式部署到生產環境。在下一頁,我們將詳細介紹 Vercel 平台和建議的工作流程。

← 返回上一頁 前往下一頁 →
本篇文章由Dalufishe

Dalufishe

貢獻翻譯。瞭解如何參與貢獻