App Routerの最適なデザインパターンを考えてみた

はじめに Next.js v13 から導入された App Router に、せっかくなので Page Router から移行してみました。 どうも単純な移行とはいかなかったので、今後のバージョンアップにも耐えられる最適なデザインパターン を考えてみました。 App Router については、 公式サイトをご覧ください。 従来、Page Router では、Container/Presenter パターンで実装していました。 これにより、コンポーネントの再利用性、可読性を高めることができました。 ところが、App Router で このパターンをそのまま利用すると App Router の恩恵を受けることができないので、どう実装するかが課題になります。 Container/Presenter パターン まずは、サンプルのソースコードを見てください。（import は省略）