NuxtHub

ゼロコンフィグでNuxtアプリケーションをCloudflareアカウントにグローバルにデプロイできます。
ゼロ設定 ✨
NuxtHubとの統合はゼロコンフィグで可能です。詳細はこちら.

はじめに

NuxtHubは、Cloudflareを基盤としたNuxtのデプロイメントおよび管理プラットフォームです。

Cloudflareデプロイメントとの主な違いは、NuxtHubがゼロコンフィグのデプロイメント体験（プロビジョニング、デプロイ、管理）を提供することです。

また、Nuxtプロジェクト（データベース、Blob、KVなど）を管理するための強力な管理インターフェースも提供します。リモートストレージ.

詳細はこちらをご覧ください。hub.nuxt.com.

NuxtHub CLI

コマンド一つでローカルプロジェクトをデプロイできます。

ターミナル
npx nuxthub deploy

このコマンドは次のことを行います。

  1. ログインしていることを確認します。admin.hub.nuxt.com
  2. ローカルプロジェクトをNuxtHubプロジェクトにリンクするか、新しいプロジェクトの作成を支援します。
  3. 適切なプリセットでNuxtプロジェクトをビルドします。
  4. 必要なすべてのリソースとともに、Cloudflareアカウントにデプロイします。
  5. プロジェクトにアクセスするためのURLを提供します。

動画で例を見る

また、次のようにインストールすることもできます。NuxtHub CLIグローバルにインストールするには： npm i -g nuxthub。

Gitを使ったデプロイ

  1. コードをGitリポジトリ（GitHub）にプッシュします。
  2. 新規プロジェクトをクリックし、次にGitリポジトリをインポートをクリックします。
  3. リポジトリを選択し、リポジトリをインポートをクリックします。
  4. NuxtHubがプロジェクトをデプロイするためのGitHub Actionsワークフローを設定します。
  5. アプリケーションは.nuxt.devドメインでデプロイされます。

プロジェクトがインポートされデプロイされた後、ブランチへのその後のすべてのプッシュはプレビューデプロイメントを生成し、プロダクションブランチ（通常は「main」）に加えられたすべての変更はプロダクションデプロイメントにつながります。

テンプレート

Hello Edge

エッジ上で動作する最小限のNuxtスターター。

NuxtHubスターター

NuxtHubの機能（データベース、Blob、KVなど）を始めるためのスターター。

Atidone

認証とデータベースを備えたフルスタックアプリケーションで、To-Doを管理できます。

Nuxt画像ギャラリー

画像をアップロード、編集、世界中に共有するための画像ギャラリーです。

Atinotes

MarkdownとVueコンポーネント、動的なOG画像生成による編集可能なウェブサイト。

Atidraw

Cloudflare R2とAIを使って、描画した絵を世界と共有できるウェブアプリケーション。

テンプレートの全リストはこちらをご覧ください。https://hub.nuxt.com/templates

Netlify

NuxtアプリケーションをNetlifyインフラストラクチャにデプロイします。

Render

NuxtアプリケーションをRenderインフラストラクチャにデプロイします。