ステップ 1：シェル（骨組み）
CoddyのReactジャーニー「Next.js の基本」セクションの一部。レッスン 39/47。
チャレンジ
簡単app/layout.jsx にシェルを構築します。
./globals.cssとnext/linkからLinkをインポートします。titleオブジェクトを持つmetadataをエクスポートします。defaultはCoddy Eats、templateは%s | Coddy Eatsにします。<body>の内部に、3つのリンクを含む<nav className="nav">を追加します。1つ目はclassName="brand"で/を指し、表示テキストはCoddy Eatsにします。2つ目はid="nav-menu"で/を指し、表示テキストはMenuにします。3つ目はid="nav-desserts"で/?category=dessertを指し、表示テキストはDessertsにします。- ナビゲーションの下で、
{children}を<div className="container">で囲みます。
自分で試してみよう
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}Next.js の基本のすべてのレッスン
8プロジェクト：Coddy Eats
ステップ 1：シェル（骨組み）
ステップ 2：メニューグリッドステップ 3：料理ページステップ 4：ローディング状態ステップ 5：ページタイトルステップ 6：カートに追加ステップ 7：カテゴリーフィルターステップ 8：レビューを書くステップ 9：ライブ検索