App Routerでなく、Page Routerを妥協的に選択する場合

Motivation

App Routerを本当は、使いたいのだけど、いくつかの理由で、Productionに踏み切れない場合について考える。

3rd party なライブラリが対応していない

いくつかのApp Router側で、不安な挙動がある

懸念理由は、いくつかあって、Pages Routerを選択しても構わない。

1. ただし、将来的に、app routerに移行することを踏まえた設計が必要であるため、そこを明示的にしたい。

2. いっそのこと、Next.jsを選択しないで、remixやSvelteなどを選定するパターンもあるはず。なぜ、Next.jsを利用するのか明示化してほしい。

個人的懸念

3rd party なライブラリ対応が間に合ってない。

StorybookとApp Routerを使う方法あるみたいだけど、ちょっと不安。

storybook v8から利用可能だが、現在のstableはv7.x

Mock Service Worker MSWとNext.js App Routerの組み合わせが厳しいのでいっしょに失敗する部分あるのがなぁ

Storybook for React Server Componentsを見ると、MSW2でいける事例のレポジトリ上げているから出来るのか？

間に合っている例や実装を工夫すればいける事例もあるのだけど、ハック的であるため、将来的に書き換えコストが発生しそう。

例えば、Ruby on RailsからNext.js Pages Routerに移行する場合のメリットは？

hr.icon

実際

自分の組織では、app router検証中なので、どの方向に倒すかまだ意思決定出来ていない。

個人的には、 app router > remix > Pages Routerの優先度なので、 app router を選択できるように論理を固めたい気持ちはある。

App Routerに倒しました。

hr.icon

参考事例

意図的にapp routerを選定した事例

意図的にPages Routerを選定した参考事例

意図的に、Next.jsを選定しなかった参考事例

その他参考