Next.js App Router と控えめにお付き合いして普通の Web アプリを配信する | Offers Tech Blog

まずは長いものに巻かれたいときもある Offers を運営している株式会社 overflow の あほむ でございます。 先日 コードベースのディレクトリ構成にフォーカスした記事 を公開した関連記事として、Next.js App Router をどのように取り扱っているかについてご紹介します。 【AD?】今回の記事の内容を含んだり含まなかったりすると思いますが、来週 2024/01/17(水) 19:20 〜 オンライン開催の PWA Night vol.59 で発表予定なので興味のある方はぜひ。（終了済み） 下記は本記事の内容を含むイベント発表資料です。ご参考までに。 今回の前提 前回記事 の引用ですが今回も同様です。 最終目標は単体事業でありつつ実質マルチプロダクトな画面群のリプレース クライアントサイドでヘビーなビジネスロジックを持つ必要がない アプリケーション特性としては SaaS

[mizdra]

このやり方なら Pages Router から移行するの楽そう

[efcl]

Next.js App RouterをPage Routerっぽく扱う方法。 CacheはCDNに任せて、LambdaでSSRするサーバとしてNext.jsのApp Routerを最小限で利用する。

[takeag]

僕も控えめに利用している。 Route GroupなどApp Routerの便利な機能は使いつつ、RSCなどは一切使わないSPA

[oinume]

nextの便利機能を封じるのはフロントエンド初心者にも良さそう

[teppeis]

キャッシュ封じだ

[emmeleia]

Next.jsが14でrevalidateTagが動かなくなるような不具合を早速出してるので良さそう。Pages Routerのときからもデグレが多くて開発フローに問題ありそうな印象なので、それでも使うならキャッシュ封じが無難だと思う