通过 100+ 条技巧学习 Nuxt!
部署

NuxtHub

零配置即可在全球的 Cloudflare 账户上部署 Nuxt 应用程序。
零配置 ✨
与 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 Action 工作流程来部署您的项目
  5. 您的应用程序将部署到 .nuxt.dev 域名

在您的项目导入和部署后,所有后续推送到分支的操作都将生成预览部署,而对生产分支(通常为 “main”)所做的所有更改都将导致生产部署。

模板

Hello Edge

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

NuxtHub Starter

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

Atidone

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

Nuxt Image Gallery

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

Atinotes

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

Atidraw

Web 应用程序,让您可以使用 Cloudflare R2 和 AI 绘制和分享您的图画到世界。

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