Nuxt Nation 大会即将到来。加入我们，时间为 11 月 12 日至 13 日。
54.8K
部署

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。
如果您使用 NuxtHub CLI 进行首次部署，由于 Cloudflare 的限制，您将无法随后附加您的 GitHub/GitLab 存储库。

使用 Git 部署

  1. 将您的代码推送到您的 Git 存储库（GitHub 或 GitLab）
  2. 点击 新建项目，然后点击 导入 Git 存储库
  3. 选择您的存储库，然后点击 导入存储库
  4. NuxtHub 将在 Cloudflare Pages 上配置您的项目并进行部署
  5. 您的应用程序将使用 .nuxt.dev 域名进行部署

在您的项目导入并部署后，对分支的所有后续推送都将生成预览部署，并且对生产分支（通常为“main”）进行的所有更改都将导致生产部署。

模板

Hello Edge

在边缘运行的最小 Nuxt 启动器。

NuxtHub 启动器

一个开始使用 NuxtHub 功能（数据库、Blob、KV 等）的启动器。

Atidone

一个具有身份验证和数据库的完整堆栈应用程序，用于管理您的待办事项。

Nuxt 图片库

一个图片库，用于上传、编辑和与世界分享您的图片。

Atinotes

一个由 Markdown 和 Vue 组件提供支持的可编辑网站，具有动态 OG 图片生成功能。

Atidraw

一个 Web 应用程序，允许您绘制并与世界分享您的绘画作品，并使用 Cloudflare R2 和 AI。

在 https://hub.nuxtjs.org.cn/templates 上查看完整的模板列表

Netlify

将您的 Nuxt 应用程序部署到 Netlify 基础设施。

Vercel

将您的 Nuxt 应用程序部署到 Vercel 基础设施。