透過超過 100 個技巧的精選集學習 Nuxt！
56.4K
部署

NuxtHub

在您的 Cloudflare 帳戶上以零配置在全球部署 Nuxt 應用程式。
零配置 ✨
與 NuxtHub 的整合可以零配置完成，了解更多。

簡介

NuxtHub 是一個為 Nuxt 提供的部署和管理平台，由 Cloudflare 驅動。

與 Cloudflare 部署的主要區別在於，NuxtHub 提供了零配置的部署體驗（配置、部署和管理）。

它還提供了一個強大的管理介面來管理您的 Nuxt 專案（資料庫、Blob、KV 等），以及 遠端儲存空間。

在 hub.nuxt.com 上閱讀更多資訊。

NuxtHub CLI

您可以使用單一指令部署您的本地專案

終端機
npx nuxthub deploy

此指令將會

  1. 確保您已在 admin.hub.nuxt.com 上登入
  2. 將您的本地專案連結到 NuxtHub 專案，或協助您建立一個新的專案
  3. 使用正確的預設配置建置您的 Nuxt 專案
  4. 將其部署到您的 Cloudflare 帳戶，並包含所有必要的資源
  5. 提供您一個 URL 以存取您的專案

在影片中查看範例

您也可以使用以下指令全域安裝 NuxtHub CLI：npm i -g nuxthub。

使用 Git 部署

  1. 將您的程式碼推送到您的 Git 儲存庫 (GitHub)
  2. 點擊 New Project，然後點擊 Import a Git repository
  3. 選擇您的儲存庫，然後點擊 Import repository
  4. NuxtHub 將會配置一個 GitHub Action 工作流程來部署您的專案
  5. 您的應用程式將部署在 .nuxt.dev 網域下

在您的專案匯入和部署之後，所有後續推送到分支的操作都將產生預覽部署，而對生產分支（通常為 “main”）所做的所有變更都將導致生產部署。

範本

Hello Edge

一個在邊緣運行的最小 Nuxt 啟動器。

NuxtHub Starter

一個用於開始使用 NuxtHub 功能（資料庫、Blob、KV 等）的啟動器。

Atidone

一個具有身份驗證和資料庫的全端應用程式，用於管理您的 Todos。

Nuxt Image Gallery

一個用於上傳、編輯和與世界分享您的圖片的圖片庫。

Atinotes

一個由 Markdown 和 Vue 組件驅動的可編輯網站，具有動態 OG 圖片生成功能。

Atidraw

一個 Web 應用程式，讓您可以使用 Cloudflare R2 和 AI 繪製並與世界分享您的繪圖。

在 https://hub.nuxt.com/templates 上查看完整的範本列表

Netlify

將您的 Nuxt 應用程式部署到 Netlify 基礎架構。

Vercel

將您的 Nuxt 應用程式部署到 Vercel 基礎架構。