CloudflarePages

静的ページを CloudflarePages にデプロイする

1. GitHub に繋げて push

1. GitHub にログイン
2. new repository
   1. Repository name を入力
   2. Choose visibility を Private に変更
   3. Create repository を押す
   4. 表示されるコマンドを実行してローカルリポジトリとリモートを接続する

2. Cloudflare 設定

1. Cloudflare にアクセス
2. Workers and Pages > アプリケーションを作成する
3. 「Pages を導入しようとお考えですか? 始める」の「始める」を押す
4. 既存の Git リポジトリをインポートする
5. リポジトリを選択して「セットアップの開始」を押す
6. 下記をそれぞれ入力して「保存してデプロイする」を押す

Build command:

RAILS_ENV=production bundle install && rails perron:build

Build output directory:

output

3. 設定ファイルの出力

Cloudflare Pages | Perron に書いてあるコマンドで設定ファイルを作成する

rails app:template LOCATION='https://perron.railsdesigner.com/library/cloudflare-pages/template.rb'

4. 出力された wrangler.toml の編集

• name:
  • Workerの名前
• PERRON_HOST:
  • デプロイ先のドメイン名
  • Cloudflare Pagesが自動で割り当てるドメイン（xxxxxxxxxxxxxx.pages.dev）を入れる
• PERRON_PROTOCOL:
  • https のまま変えない

5. commit して push

pushすると自動でデプロイされるので、しばらく待つ