個人開発者向けのサービスの開発記録 #13 20240128

tyshgc
·

本日の作業

  • 本日は1年半ぶりの鎌倉もくもく会

  • RemixをCloudflare WorkersではなくPagesにデプロイする。

  • 分報エディタ画面を実装する

Turborepo + Remix + Cloudflare Pagesへのデプロイへの道

  • RemixのCloudflare Pages Templateを使って構築し直した。

    • 試しにWorkersとPagesと二つ別のRemixプロジェクト作って入れてみたが違いがあるのかわからなかった。構成的には同じ様子。

    • 生成される server.ts の @remix-run/dev/server-build のimportがType Errorになる。解消しようと試みたがうまくいかず…とりあえず後でなんとかする。

      • > モジュール '@remix-run/dev/server-build' またはそれに対応する型宣言が見つかりません。ts(2307)

    • インストール後に npm run build でBuildは通る。

    • Build後に npm run dev でサーバの起動も確認。

// template

npx create-remix@latest --template remix-run/remix/templates/cloudflare-pages

  • Turborepo上でのbuildも試した(ルートディレクトリ上で npm run build && npm run dev するだけだけど)。動作確認 ✅ 。

  • ここまでできたらCloudflareのコンソールへアクセスする。

と思って問題なく進めたと思って気づいた。Cloudflare Pagesのgitとのコネクションの際に使用済みのリポジトリを別に選ぶことができない。これだとTurborepoの複数のRemixを個別にBuildすることもできない。もくもく会のタイムアップでできてないけど、おそらく npm run build && wrangler pages deploy ./public をローカルの各Remixのディレクトリで実行してデプロイだと上手くいくはず。

そのほか、メモ

  • もくもく会後は井上商店でうどんと日本酒、そのあとは六ノ七で日本酒と久しぶりもあって呑みました。お疲れ様でした。

← #12 #14 →

@tyshgc
デザインファーム及びスタートアップ(上場)などを経てフリーランスとして、様々なスタートアップや大手企業の新規事業の立ち上げ期における事業設計・アプリケーションの設計・開発、サービスのUX分析とデザインとエンジニアリングの両軸でお手伝いさせていただいています。 現在、個人開発者向けの支援サービスを個人開発中。 X Account: @tyshgc