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

説明

↓Appにないものはpagesが変わるとunmountされる。 https://zenn.dev/izumin/articles/fce4918f5f7946

↓RecoilとgetLayoutでのパフォーマンスの話 https://zenn.dev/takepepe/articles/nextjs-getlayout-chunk-relation

コードの書き方

↓getLayoutの使い方 https://nextjs.org/docs/basic-features/layouts#per-page-layouts

<RecoilRoot /> の場所。getLayout<RecoilRoot /> より内側に書こう。 https://kumano-te.com/activities/create-next-app-with-tailwind