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 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 启动器

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

Atidone

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

Nuxt 图片画廊

一个图片画廊，用于上传、编辑和分享您的图片到世界各地。

Atinotes

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

Atidraw

一个 Web 应用程序，让您可以使用 Cloudflare R2 和 AI 绘制并与世界分享您的绘画。

查看所有模板列表https://hub.nuxtjs.org.cn/templates

Netlify

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

Render

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