通过 100+ 个技巧学习 Nuxt!

hub
@nuxthub/core

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

在 Cloudflare 上使用零配置构建全栈 Nuxt 应用 ✨

npm versionnpm downloadsLicenseNuxt

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

NuxtHub 加速您的 Nuxt 开发工作流程,让您可以专注于交付功能。

✨ 主要功能

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

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

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

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