Remixで、App Routerの代替できないか考える
Next.jsのApp Routerでの課題がいくつかあって、remixで代替できるなら、それでもいいよねとも思う。
自分自身は、Framework フレームワークに大きなこだわりはなく、長期視点でもっとも良い選択ができれば良い。
前提
事業要件
ライブラリ都合で壊れてサービスが不安定にならない。(当たり前)
競合サービスと戦える、SEO 検索エンジン最適化対応、WebPlatformApp Performanceチューニングが可能。
インフラ
vercelを利用しない。
vercelは、インフラ(AWS)のラッパーでなので、
コストがかかる
内部的インフラのバグ起きるのがだるい。
組織のインフラ構成的AWS、GCPとかで統一していること多いので、それに合わせることになる。
インフラ部分は、backendエンジニアに任せている部分もあるしね
Cloudflare Workersを利用しない。
remixをCloudflare WorkersでSSR Server Side Rendering出来るといろいろ嬉しいが、敢えて、Cloudflare Workersを使わないパターンもあるので言及しておく。
組織のインフラ構成的AWS、GCPとかで統一しているので、それに合わせることになる。
インフラ部分は、backendエンジニアに任せている部分もあるしね
API
APIは、別サーバーの普通のRESTful API
not GraphQL
組織
Web front-end EngineerとBackend Engineerは別なので、あくまで、Frontendフレームワークとして利用
分業理由: 以下を想定すると必要なスキルセット的に分業せざるを得ない。
App Routerの利用を検討していて、WebPlatformApp PerformanceやSEO 検索エンジン最適化を一定求めるC向けAppと想定
UIや細かな体験もこだわるC向けのAppと想定
not scope
個人開発、小さなMVPもしていないProduct
複数プロダクトが存在し、Web front-end EngineerとBackend Engineerを分けずに、超専門的な部分はExpertチームが対応するレベルの大きい企業
B向けのSaasといった、webにオープンでないサイト
よくある話題
よく、app routerが安定していないこと話題に挙げられるけど、逆になぜ、remixは大丈夫なのか？
運営のshopifyが、Production利用しているのがでかい。
もうちょっとshopify利用度合いを言語化して、べったり度合いを利用して安定性を保証してほしいな。
もうちょっと困りごとや安定性を証明してほしいよね。
remix側の知識が足りないので、聞いてもそうなんだ〜ぐらいしか分かんない。
Web Standards重視
まぁ。これはおまけ。あれば当然嬉しいけど、別に重要観点では無いと思う。
Framework フレームワークとしてのあり方/利用感を明確にはしてほしいよね。
Image Optimizations 画像最適化とか、どれくらいラップするのかとか
WebPlatformApp Performance
あればあるほど嬉しいけど、remixやApp Routerを使う範囲で言えば、ビジネス的差異にはならないい印象なので、論点にはならない。
いいものは、アーキテクチャ的に不可能でなければ、お互い取り入れるだろうし。
webの各ツールたちは対応している？
Mock Service Worker MSW
a
Storybook、Chromatic
a
hr.icon
結論
結局両方を中途半端にやるより片方に一定どっぷり触って、同じ観点で比較するのがいいと判断
自分の組織は、App Routerを検証的に利用する事とし、どうしても問題があれば、再度方針転換することとした。
理由:
メイン理由: React Server Components RSCに対応している唯一の主流フレームワークで、事業観点のメリットを被るために利用したいから。
既にPages Routerを使っているアプリがあり、Next.jsで統一出来る方が学習コストが小さくなるから。
hr.icon
Remix vs Next.js | Remix
2022なのであまりあてにはならない。
Tutorial (30m) | Remix
create remixでぱぱっと試してみる。
KiichiSugihara/remix-sandbox
Tutorial (30m) | Remix まで、学習済み