cloudflare workersにデプロイするRemixプロジェクトを作成する

概要

Cloudflare Workersにデプロイする、Remixプロジェクトを作成する方法をまとめる。

前提

Cloudflareのアカウントを持っていること。
ローカルPCでnpxコマンドが実行できること。
Cloudflare Workersにデプロイするところまでを本記事では記載し、「エンドポイントにリクエストを送る」などの作業は別の記事に記載する。

方法

1. 下記を実行してRemixのプロジェクトを作成

   npx create-remix@latest deploy_cloudflare_workers --template remix-run/remix/templates/cloudflare-workers
   

2. 作成されたdeploy_cloudflare_workersのディレクトリに移動し下記を実行

   npm run dev
   

3. 表示されたURLにアクセスし、問題なく画面が出ることを確認

4. 下記を実行してwrangler.tomlというファイルを作成（Cloudflare Workersのプロジェクト設定ファイル）

   npm run typegen
   

5. wrangler.tomlというファイルが作られているはずなので展開し、nameの値をname = "deploy_cloudflare_workers"に変更し、再度下記コマンドを実行

   npm run typegen
   

6. 下記を実行してデプロイ（おそらく実行するとブラウザが勝手に立ち上がり、Cloudflareへのログインを求められる。ログインしてAllowをクリック）

   npm run deploy
   

7. 別のブラウザのタブでCloudflareにログイン

8. 「deploy_cloudflare_workers」というアプリがWorkersにデプロイされていることを確認、デプロイできていることが確認できたので完了

   

参考文献