Learn Nuxt with a Collection of 100+ Tips!
54.2K
Deploy

NuxtHub

部署 Nuxt 应用到您的 Cloudflare 账户，完全无需配置。
零配置 ✨
与 NuxtHub 的集成完全无需配置，了解更多。

介绍

NuxtHub 是一个为 Nuxt 设计的部署和管理工作平台，由 Cloudflare 提供支持。

与 Cloudflare 部署的主要区别在于，NuxtHub 提供了零配置的部署体验（资源配置、部署和管理）。

它还提供了一个强大的管理界面，用于管理您的 Nuxt 项目（数据库、Blob、KV 等），以及 远程存储。

在 hub.nuxt.com 上阅读更多信息。

NuxtHub CLI

您可以使用一个命令部署您的本地项目：

Terminal
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. 点击 New Project 然后 Import a Git repository
  3. 选择您的仓库并点击 Import repository
  4. NuxtHub 将配置您的项目在 Cloudflare Pages 上并部署它
  5. 您的应用部署到 .nuxt.dev 域名下

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

模板

Hello Edge

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

NuxtHub Starter

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

Atidone

一个带有身份验证和数据库的全栈应用，用于管理您的待办事项。

Nuxt Image Gallery

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

Atinotes

一个由 Markdown 和 Vue 组件驱动的可编辑网站，具有动态 OG 图像生成功能。

Atidraw

一个让您能够在世界各地绘制和分享您画作的应用，使用 Cloudflare R2 & AI。

在 https://hub.nuxt.com/templates 查看完整的模板列表。

Netlify

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

Vercel

将你的 Nuxt 应用部署到 Vercel 基础设施。