介紹

Nuxt Hub 是一個基於 Cloudflare 基礎架構的全棧應用開發工具，旨在簡化 Nuxt.js 開發者的工作流程。它提供了一系列強大的功能，使開發者能夠輕鬆構建、部署和管理全棧應用。與當前流行的 Vercel 和 Zeabur 等部署平台相比，Nuxt Hub 在全端功能的整合上具有明顯優勢，並透過簡單的介面或 Nuxt DevTools 加速開發和管理。

使用

要測試 Nuxt Hub，可以使用官方樣板 hello-edge：

npx nuxthub init my-app

此外，Nuxt 也開發了 Nuxt Hub 的模組，讓你能在現有專案中使用：

npx nuxi module add hub

接著，安裝 Cloudflare 的 CLI Wrangler：

pnpm add -D wrangler

這樣就可以將應用部署到 Nuxt Hub，並進行進一步的操作和管理。

功能

• 零配置部署
  Nuxt Hub 允許開發者以零配置的方式部署應用，這意味著不需要繁瑣的設置過程，只需簡單的命令即可將應用上線。這樣的設計大大減少了部署的複雜性，讓開發者能專注於應用的核心功能。
• 內建 SQL 資料庫
  Nuxt Hub 提供內建的 SQL 資料庫功能，開發者可以使用 hubDatabase() 函數輕鬆存取和管理應用的數據。這對於需要持久化數據的應用來說，無疑是一個重要的優勢。
• 鍵值存儲 (KV) 使用 hubKV()，開發者可以在全球範圍內低延遲地存取 JSON 數據，這對於需要快速讀取和寫入的應用場景非常適合，例如用戶偏好設定和快取數據。
• Blob 存儲 Nuxt Hub 也提供 Blob 存儲功能，開發者可以使用 hubBlob() 上傳和存儲靜態資源，如圖片和影片，這使得資源管理變得更加方便。
• 快取系統 Nuxt Hub 整合了 Nitro 的快取機制，能夠優化伺服器響應時間，提升應用的加載速度，這對於用戶體驗至關重要。
• 管理儀表板 Nuxt Hub 提供一個基於 Web 的管理儀表板，開發者可以通過這個儀表板輕鬆管理應用的資源，查看應用的性能指標，並進行必要的調整。

良好的 DX

特別想提到的是內建的 SQL 和 KV 功能，透過 Nuxt DevTools 可以立即確認，這真的非常方便，加速了開發和管理的流程。

過去在開發聊天室或全棧服務時，通常需要額外開設 SQL 或服務來處理，但現在只需簡單的指令，就能輕鬆開發。雖然這些功能主要適合 MVP 或側項目，但對於想要測試 AI 應用或全棧專案的開發者來說，無疑是非常便利的選擇。

小節

最近在嘗試 AI 相關的專案或是小工具，例如：LLM or AI agent 等等，製作這些全端服務，通常都需要建立一些前置作業才能完成整套的服務，所以尋找了下有沒有相對完整的解決方案，這還真的讓我找到了！雖然它目前只能基於 Nuxt 來做開發，支援度還不夠廣，但功能真的很方便且強大，尤其是 Nuxt devtool 真的太香啦～

剛好有這個需求的大家，整理了一些基本使用跟介紹，其他進階功能可以參考官網，官方有提供許多的範例可以參考

官網連結: https://hub.nuxt.com/