一休レストランで Next.js App Router から Remix に乗り換えた話 - 一休.com Developers Blog

このエントリーは一休.com Advent Calendar 2023の15日目の記事になります。 CTO 室の恩田です。 現在は一休レストランのフロントエンドのリアーキテクトを手がけています。 今日はその中で Next.js App Router から Remix に乗り換えた話をご紹介したいと思います*1。 背景 6日目の記事で香西から紹介させていただきましたが、2023年10月に一休レストランのスマートフォン用レストラン詳細ページをリニューアルしました。 一休レストランの Rust バックエンドが正式リリースされました。https://t.co/7N4VGv5ej9 このページのスマートフォンビューはバックエンドが Rust で書かれた GraphQL になってます— naoya (@naoya_ito) 2023年10月4日 ちなみにフロントエンドも、旧バージョンは Nuxt v2

[tak-onda]

公開しました (2023-12-18 追記)

[nemoba]

SSRが必要なのは分かるけど界隈から漂う車輪の再開発論争にもやっとし続けさせられる

[tofu-kun]

なるほど自分はApp Routerは管理画面系のプロジェクトでしか使ったことがないからCache-Control周りとかは全然気にしてなかった。確かにCDNで柔軟にやるの厳しそう。パッチバージョンレベルで不安定というのは完全に同意。

[yosuke_furukawa]

わかる "継続的なアップデートに懸念を覚えた" 一方で、 remix だと継続的なアップデートに問題ないのかはやったこと無いからわかんないけど。。

[door-s-dev]

"Next.js のパッチバージョンを上げたときに production build でだけ 500 エラーが発生するという問題に幾度か苦しめられました"これはキツイ

[manaten]

vercelの安定化より先進性みたいな体制に不安は覚える…

[prjpn]

フロントエンドの開発って事業に対してペイできてるのかな？

[nakag0711]

モーダルのダイアログボックス出てバックボタン押しても開いたままなの？

[Itisango]

Next.js勉強しないうちに綻びだしたのか?

[roirrawedoc]

twitterのトレンドから来ました

[uehaj]

App Routerはキモい。あれはやりすぎとしか思えん

[Nyoho]

Remix

[yarumato]

“Next.jsは、パッチバージョンを上げたときにproduction buildでだけ500エラーが発生する。Remixは、メモリ使用量が1/4に。コンテナ起動時間が20秒→10秒に。Web標準APIを尊重している”

[Windymelt]

おー良い記事だ、参考になる

[akymrk]

“Next.js 時代からの課題ですが、ローカルでは一瞬で起動するのに、Cloud Run だと起動に時間がかかってしまう問題は調査中”

[Outrast]

"Web 標準 API を尊重している点"

[matarillo]

MPA的な遷移体験を提供するのにはRemixよさそうですよね

[field_combat]

ヒストリーとキャッシュ周りが不便なんか

[efcl]

Next.jsのApp RouterからRemix Runに移行した話。 Next.jsのApp RouterではCache-Controlが暗黙的で変更できない問題、RemixではRequest/Responseを自由に変更できるなどの違いについて。

[t_43z]

え、メモリ使用量こんなに違うんだ

[gothedistance]

Remix推しなので嬉しい事例だ！！！ 参考にさせていただきます！！！