お母さんでもわかるReact「_app.js」

_app.js(アンストアップ)について

Next.jsにおいてとても大切な役割を持っており、できることも多い。

・全てのページに反映されるため、共通部分を記述する
・すべてのページで使用されるグローバルデータの取得（ログインユーザーの情報や、共通のコンテンツ）。
・サーバーサイドレンダリングの設定
・エラーハンドリング

ファイルの詳細

_appは一番最初に呼び出される。

export default function App({ Component, pageProps }) {
  return (
    <>
      <Component {...pageProps} />
    </>
  );
}

Componentには、レンダリングされるページの関数コンポーネントが渡ってきます。
→つまり現在のページに対応するコンポーネントが渡されます。

pagePropsには、Conmponet に渡された関数コンポーネントが受け取る props が格納されたオブジェクトが渡ってきます。
→つまり現在のページに対応するコンポーネントに渡されるべきpropsが格納されている。