Appフォルダ

CoddyのReactジャーニー「Next.js の基本」セクションの一部 — レッスン 2/47。

ファイルリストを開きます。Next.jsプロジェクトには構造があり、それには意味があります。

app/
    layout.jsx     the shell around every page
    page.jsx       the page at /
    globals.css    styles for the whole app

2つのファイル名は特別なものであり、常に使用することになります：

page.jsx: フォルダをアクセス可能なURLにします。app/page.jsx はホームページである / になります。
layout.jsx: その下にあるページをラップします。ルートレイアウトは <html> と <body> を保持するため、every ページでそれが共有されます。

これらの名前は自由に変更できる慣習ではありません。Next.jsはまさにこれらのファイル名を探します。これによって、ファイルのフォルダがURLを持つ`app`になるのです。

ルート layout はこれらのレッスンで固定されているため、壊れた shell によって app がダウンすることはありません。作業は app/page.jsx とご自身で追加するファイル内で行います。

自分で試してみよう

このレッスンにはコードチャレンジは含まれていません。