Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

hub
@nuxthub/core

在边缘构建全栈 Nuxt 应用程序,无需任何配置。

基于 Cloudflare 的全栈 Nuxt,零配置 ✨

npm versionnpm downloadsLicenseNuxt

在您的 Cloudflare 账户上构建和部署强大的全栈 Nuxt 应用程序,无需任何配置。

NuxtHub 加速您的 Nuxt 开发工作流程,以便您专注于发布功能。

✨ 主要功能

NuxtHub 提供可选功能,帮助您构建全栈应用程序

  • AI 模型向量数据库 用于运行机器学习模型并构建全栈 AI 驱动的应用程序。
  • 文件存储 用于存储静态资产,例如图像、视频等
  • 缓存系统 用于您的 Nuxt 页面、API 路由或服务器函数
  • SQL 数据库 用于使用 自动迁移 存储应用程序数据
  • 键值存储 用于存储全局可访问的 JSON 数据,并具有低延迟
  • 浏览器渲染 用于在边缘使用无头浏览器截取屏幕截图、生成 PDF、抓取网页。
  • 开放 API 用于使用 Scalar 生成 API 文档
  • 远程存储 用于从本地环境连接到项目的资源,允许您像使用本地存储一样使用远程存储,使用 npx nuxi dev --remote

除了全栈功能外,您还可以 将您的 Nuxt 应用程序部署 到您的 Cloudflare 账户,使用 npx nuxthub deployNuxtHub 管理员,您还可以自行托管您的应用程序并手动创建资源。

https://hub.nuxtjs.org.cn 上了解更多信息

📚 资源

🚀 快速入门

请访问我们的 入门指南 以了解更多信息。

复制我们的 nuxt-hub/hello-edge 模板或使用以下命令创建一个新的 NuxtHub 项目

npx nuxthub init my-app
cd my-app
npm run dev

使用浏览器打开 https://127.0.0.1:3000

将您的应用程序部署到生产环境,使用

npx nuxthub deploy

https://github.com/user-attachments/assets/c591efaa-96e7-4357-8d60-cdc1e20e93ed

如何使用 NuxtHub 部署 Nuxt 应用程序 中了解更多信息。

🤝 社区

  • 💡 功能请求:提出想法或改进建议。
  • 🐞 错误报告:创建报告以帮助我们改进平台。
  • 🏞️ 新模板:分享您基于 NuxtHub 制作的模板。

💚 贡献

# Install dependencies
pnpm i

# Generate type stubs
pnpm dev:prepare

# Develop with the playground
pnpm dev

# Build the playground
pnpm dev:build

# Run ESLint
pnpm lint

# Run Vitest
pnpm test
pnpm test:watch

📄 许可证

Apache 2.0