設定ゼロで Cloudflare 上のフルスタック Nuxt ✨

設定ゼロで Cloudflare アカウントに、強力なフルスタック Nuxt アプリケーションを構築してデプロイできます。

NuxtHub は Nuxt 開発ワークフローを大幅に向上させ、機能の提供に集中できます。

✨ 主要な機能

NuxtHub は、フルスタックアプリケーションの構築に役立つオプションの機能を提供します

AI モデル と ベクターデータベース を使用して、機械学習モデルを実行し、フルスタックの AI 対応アプリを構築できます。
ファイルストレージ で、画像、動画など、静的アセットを格納できます
キャッシュシステム を、Nuxt ページ、API ルート、またはサーバー関数に使用できます
SQLデータベースでアプリケーションのデータを自動マイグレーションを用いて保存します。
キーバリューは、低遅延で世界中からアクセスできるJSONデータを保存します。
ブラウザーレンダリングは、ヘッドレスブラウザを使用して、スクリーンショットの作成、PDFの生成、ウェブページのクロールを行います。
Open APIは、Scalarを使用してAPIドキュメントを生成します。
リモートストレージは、ローカル環境からプロジェクトのリソースに接続し、リモートストレージがローカルにあるかのように、リモートストレージで作業できるようにします（npx nuxi dev --remoteを使用）。

フルスタック機能に加えて、Nuxtアプリケーションをデプロイできます。Cloudflareアカウントにはnpx nuxthub deployまたはNuxtHub Adminで使用すると、アプリケーションをホストしたりリソースを手動で作成することもできます。

https://hub.nuxt.comでさらにご覧いただけます。

📚リソース

🚀クイックスタート

詳細については、Getting Startedガイドをご覧ください。

当社の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