Nuxt

このガイドでは、新しい Nuxt ↗ アプリケーションを作成し、Cloudflare Workers（新しい Workers Assets）にデプロイします。

create-cloudflare ↗ CLI（C3）で新しいプロジェクトを用意します。C3 は新しいプロジェクトディレクトリを作成し、Nuxt 公式のセットアップツールを起動し、すぐにデプロイする選択肢も提示します。

create-cloudflare で Workers Assets 付きの新しい Nuxt プロジェクトを作成するには、次のコマンドを実行します。

npm create cloudflare@latest -- my-nuxt-app --framework=nuxt

yarn create cloudflare my-nuxt-app --framework=nuxt

pnpm create cloudflare@latest my-nuxt-app --framework=nuxt

プロジェクトを用意したら、次のコマンドでディレクトリを移動します。

cd my-nuxt-app

プロジェクトを作成したら、プロジェクトディレクトリで次のコマンドを実行し、ローカルサーバーを起動します。開発中にプロジェクトをローカルでプレビューできます。

npm run dev

yarn run dev

pnpm run dev

プロジェクトは、自分のマシンからでも、Cloudflare 提供のもの を含む任意の CI/CD システムからでも、*.workers.dev サブドメインまたは カスタムドメイン にデプロイできます。

次のコマンドでビルドとデプロイを行います。CI を使う場合は、「デプロイコマンド」 の設定も合わせて更新してください。

npm run deploy

yarn run deploy

pnpm run deploy

Nuxt アプリケーションは、プロダクトバインディングを使うと、ローカル開発と本番の両方で Cloudflare Developer Platform と完全に統合できます。バインディングの設定と、Nuxt のイベントハンドラーからのアクセス方法は Nuxt のドキュメント ↗ を参照してください。

バインディングを使うと、アプリケーションを Cloudflare Developer Platform と完全に統合でき、コンピュート、ストレージ、AI などへアクセスできます。