NuxtHub 测试版发布，一种以零配置在全球范围内构建全栈 Nuxt 应用程序的新方法

翻译自：https://hub.nuxt.com/blog/beta

我们很高兴地宣布 NuxtHub 的测试版发布，这是一种以零配置在全球范围内构建全栈 Nuxt 应用程序的新方法。

3 个月内拥有超过 700 名 alpha 测试人员和 3,000 个项目部署，我们很高兴地宣布 NuxtHub 现已进入公开测试阶段 ✨

NuxtHub 是 Nuxt 框架的扩展，可帮助您在 Cloudflare 帐户上以零配置构建全栈应用程序。

NuxtHub 由两个元素组成：

• 开源 Nuxt 模块：@nuxthub/core
• 管理界面：admin.hub.nuxt.com

NuxtHub 模块

NuxtHub 模块允许您以零配置访问 SQL 数据库、blob 和 KV 存储（以及更多功能）。

在开发过程中，它会生成一个 .data/hub/wrangler.toml 文件并使用 Cloudflare 代理连接到所需的绑定：

• hubDatabase() -> Cloudflare D1
• hubKV() -> Cloudflare KV
• hubBlob() -> Cloudflare R2

在生产中，它按照特定的命名约定从 Cloudflare 仪表板中设置的绑定中读取：DB、BLOB、KV。

请注意， hubDatabase() 、 hubKV() 和 hubBlob() 服务器实用程序与绑定本身略有不同，以便在 Nuxt 应用程序中使用时提供更多功能和更好的开发人员体验。

通过利用绑定，您无需向 Nuxt 应用程序添加密钥或令牌即可访问数据库、KV 或 blob。底层秘密永远不会暴露给 Nuxt 服务器的代码，因此不会意外泄露。

@nuxthub/core 模块的核心功能之一是能够连接到已部署的项目并访问其中使用的绑定，我们称之为远程存储。

此功能对于在开发过程中使用生产或登台数据库、KV 和 blob 存储非常有用。

打开项目的 Nuxt Devtools 时，您会注意到新选项卡：

NuxtHub 添加了一个 UI 来管理您的 SQL 数据库（由 Drizzle Studio 提供支持）、KV 和 Blob 存储以及服务器缓存。

该模块是开源的，可从 github.com/nuxt-hub/core 获取。

带有 hub 模块的 Nuxt 项目准备就绪后，您可以按照自托管指南在 Cloudflare 帐户上部署您的项目。如果您想要完全的零配置体验，我们建议使用 NuxtHub 管理平台。

NuxtHub Admin

NuxtHub 管理是一个基于 Web 的仪表板，用于管理您的 NuxtHub 应用程序。它可以帮助您在 Cloudflare 帐户上使用单个命令部署 NuxtHub 应用程序，同时为您配置所有必要的资源。它抽象化了在 Cloudflare 上管理全栈 Nuxt 应用程序的复杂性。

其中一些功能是：

• 链接您的 Cloudflare 帐户并保持控制（我们从不加价 Cloudflare 价格）
• 克隆我们的全栈 Nuxt 模板之一
• 使用 nuxthub 部署命令部署您的应用程序或链接您的 GitHub 或 GitLab 存储库
• 提供所有必要的资源（数据库、kv、blob）
• 使用管理面板管理应用程序的资源
• 共享团队成员访问权限来管理您的应用程序，而无需共享您的 Cloudflare 帐户
• 通过日志和分析监控您的应用程序
  

您可以在 admin.hub.nuxt.com 免费注册并开始构建全栈 Nuxt 应用程序。

为什么选择 NuxtHub？

从版本 3 开始，Nuxt 是一个完整的全栈框架，这要归功于其名为 Nitro 的开放服务器引擎。它允许您在服务器上进行热模块更换，而无需重建您的 Vue 应用程序、出色的性能以及以零配置部署到许多不同的托管提供商。

考虑到这一点，我们希望为您提供一个可靠的平台来构建和部署您的下一个想法，同时保持最佳的开发人员体验。

NuxtHub 允许您构建任何类型的 Web 应用程序（SaaS、电子商务、博客，凡是您能想到的！），这些应用程序可以：

• 在全球超过 275 个地点进行全球部署
• 访问 SQL 数据库：用户身份验证、内容管理等。
• 存储文件：媒体上传、发票存储等。
• 通过服务器端渲染甚至混合渲染在搜索引擎上排名靠前
• 支持暂存环境（预览模式）
• 获得一个不错的 .nuxt.dev 域名🕶️

所有这一切，得益于 Cloudflare 免费计划和我们的计划，每月 0 美元起，请在我们的定价页面了解更多信息。

您的 Nuxt 应用程序部署在您的 Cloudflare 帐户上，我们从不加价 Cloudflare 定价。

得益于我们的安全代理系统，NuxtHub 还能够从本地环境访问远程存储。此功能对于与开发团队共享数据库、KV 和 blob 数据或将迁移或脚本应用于暂存/生产数据非常有用。

截至今天，NuxtHub 的工作方式如下：

这只是一个开始，我们计划将来支持更多 Cloudflare 原语：

下一步是什么？

为了帮助您测试 NuxtHub 功能，我们发布了开源模板。您还可以选择添加到当前的 Nuxt 应用程序。

现在我们已经有了构建全栈应用程序的主要原语（管理是使用 NuxtHub 构建和部署的），我们计划添加业务逻辑功能，例如：

• @nuxthub/auth ：添加用户管理认证
• @nuxthub/email ：向您的用户发送交易电子邮件
• @nuxthub/analytics ：了解您的流量并跟踪应用程序和 API 中的事件
• @nuxthub/… ：你说吧！

欢迎加入我们，在 https://github.com/nuxt-hub/core 上贡献或给一个星星💚