第 1 步：页面框架
本课属于 Coddy React 学习旅程的“Next.js 基础”单元。第 39 课，共 47 课。
挑战
简单在 app/layout.jsx 中构建外壳。
- 从
next/link导入./globals.css和Link。 - 导出
metadata，其中包含一个title对象：default的值为Coddy Eats，template的值为%s | Coddy Eats。 - 在
<body>内，添加一个<nav className="nav">，其中包含三个链接：className="brand"链接到/，显示Coddy Eats；id="nav-menu"链接到/，显示Menu；id="nav-desserts"链接到/?category=dessert，显示Desserts。 - 在 nav 下方，将
{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 步：实时搜索