サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ブックレビュー
zenn.dev/ryo_manba
コードを一箇所に集約するために、私は src/ ディレクトリ直下に app ディレクトリを作成しました。 2. ルートレイアウトの作成 次に、全てのルートに共通するレイアウトとなるapp/layout.tsxを作成します。App Routerを使用する際には、このファイルの作成が必須となります。 このルートレイアウトはPages Routerのpages/_app.tsxとpages/_document.tsxの役割を引き継いでいます。そのため、既存のpages/_app.tsxとpages/_document.tsxの内容をapp/layout.tsxに直接移行します。 しかし、Next.js 12のgetLayoutを使用している場合は、App RouterのNested Layoutsを活用し、以下の処理は省略することが可能です。 import type { AppPropsWith
このページを最初にブックマークしてみませんか?
『zenn.dev』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く