透過超過 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.nuxt.com 上閱讀更多內容

📚 資源

🚀 快速入門

前往我們的入門指南以了解更多資訊。

複製我們的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