NuxtHub

透過零配置，將 Nuxt 應用在全球範圍內部署到您的 Cloudflare 賬戶。
零配置 ✨
NuxtHub 的整合無需任何配置即可實現，瞭解更多.

介紹

NuxtHub 是一個由 Cloudflare 提供支援的 Nuxt 部署和管理平臺。

與 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 CLInpm i -g nuxthub。

使用 Git 部署

  1. 將您的程式碼推送到您的 Git 倉庫（GitHub）
  2. 點選 New Project，然後點選 Import a Git repository
  3. 選擇您的倉庫並點選 Import repository
  4. NuxtHub 將配置一個 GitHub Actions 工作流來部署您的專案
  5. 您的應用程式將部署在一個 .nuxt.dev 域名下

專案匯入並部署後，所有後續推送到分支的操作都將生成預覽部署，並且對生產分支（通常是“main”）所做的所有更改都將導致生產部署。

模板

Hello Edge

一個在邊緣執行的極簡 Nuxt 啟動器。

NuxtHub 啟動器

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

Atidone

一個帶有身份驗證和資料庫的全棧應用程式，用於管理您的待辦事項。

Nuxt 圖片畫廊

一個圖片畫廊，用於上傳、編輯和分享您的圖片到全世界。

Atinotes

一個由 Markdown 和 Vue 元件提供支援的可編輯網站，具有動態 OG 影像生成功能。

Atidraw

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

檢視所有模板列表：https://hub.nuxt.com/templates

Netlify

將您的 Nuxt 應用程式部署到 Netlify 基礎設施。

Render

將您的 Nuxt 應用程式部署到 Render 基礎設施。