Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

Gatsby

最終更新 Markdown で表示Agent セットアップ

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

1. 新しいプロジェクトを用意する

create-cloudflare CLI(C3)で新しいプロジェクトを用意します。C3 は新しいプロジェクトディレクトリを作成し、Gatsby 公式のセットアップツールを起動し、すぐにデプロイするかどうかを選べます。

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

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

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

cd my-gatsby-app

2. ローカルで開発する

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

npm run dev

3. プロジェクトをデプロイする

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

次のコマンドでビルドとデプロイを実行します。CI を使う場合は、"deploy command" の設定を適切に更新してください。

npm run deploy

役に立ちましたか?