Next.jsでの共通レイアウトちらつきをgetLayoutで直す。Recoilとの兼ね合い。

説明

↓Appにないものはpagesが変わるとunmountされる。

Next.js でページ遷移前後で共通するコンポーネントを残す

Zenn

↓RecoilとgetLayoutでのパフォーマンスの話

パフォーマンス観点でみる Next.js の getLayout

Zenn

コードの書き方

↓getLayoutの使い方

https://nextjs.org/docs/basic-features/layouts#per-page-layouts

nextjs.org

<RecoilRoot /> の場所。getLayout<RecoilRoot /> より内側に書こう。

Next.js + TailwindCSSのプロジェクト立ち上げ時のメモ

合同会社kumanoteのエンジニアブログです。開発に役立つ情報を発信しています。

Kumanote Tech Blog