Nuxt Nation カンファレンスが開催されます。11月12〜13日にご参加ください。
54.8K
デプロイ

NuxtHub

設定なしで、CloudflareアカウントにNuxtアプリケーションをグローバルにデプロイできます。
設定不要✨
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。
NuxtHub CLIで最初のデプロイを行う場合、Cloudflareの制限により、後でGitHub/GitLabリポジトリをアタッチすることはできません。

Gitを使用してデプロイする

  1. コードをGitリポジトリ（GitHubまたはGitLab）にプッシュします
  2. 新規プロジェクトをクリックし、次にGitリポジトリをインポートをクリックします
  3. リポジトリを選択し、リポジトリをインポートをクリックします
  4. NuxtHubはCloudflare Pagesでプロジェクトを構成し、デプロイします
  5. アプリケーションは.nuxt.devドメインでデプロイされます

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

テンプレート

Hello Edge

エッジで実行される最小限のNuxtスターター。

NuxtHubスターター

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

Atidone

認証とTodoを管理するためのデータベースを備えたフルスタックアプリケーション。

Nuxt画像ギャラリー

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

Atinotes

MarkdownおよびVueコンポーネントと動的なOG画像生成を搭載した編集可能なウェブサイト。

Atidraw

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

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

Netlify

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

Vercel

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