透過 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

除了全端功能外,您還可以將您的 Nuxt 應用程式部署到您的 Cloudflare 帳戶,使用 npx nuxthub deployNuxtHub 管理後台,您也可以自行託管您的應用程式並手動建立資源。

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