在 Cloudflare 上实现零配置的全栈 Nuxt ✨

零配置地在您的 Cloudflare 账户上构建和部署强大的全栈 Nuxt 应用程序。

NuxtHub 增强了您的 Nuxt 开发工作流程，让您可以专注于功能开发。

✨ 主要功能

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

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

除了全栈功能，您还可以使用 npx nuxthub deploy 或通过 NuxtHub Admin 将 您的 Nuxt 应用程序部署 到您的 Cloudflare 账户，您也可以自行托管您的应用程序并手动创建资源。

在 https://hub.nuxtjs.org.cn 阅读更多内容

📚 资源

• NuxtHub 网站
• NuxtHub 管理后台
• NuxtHub CLI
• NuxtHub 模板

🚀 快速开始

前往我们的 入门指南 了解更多信息。

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

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

用您的浏览器打开 https://:3000。

使用以下命令将您的应用部署到生产环境

npx nuxthub deploy

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

了解更多关于 如何使用 NuxtHub 部署 Nuxt 应用。

🤝 社区

• 💡 功能请求：提出一个想法或改进建议。
• 🐞 Bug 报告：创建报告以帮助我们改进平台。
• 🏞️ 新模板：分享您基于 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