你的第一个页面
本课属于 Coddy React 学习旅程的“Next.js 基础”单元。第 3 课，共 47 课。
该编辑页面了。app/page.jsx 是一个普通的 React 组件，和你在整个 Fundamentals 课程中编写的组件一样：
export default function Home() {
return (
<main>
<h1>Welcome!</h1>
</main>
);
}有两条小规则永远不变：
- 页面必须是文件的默认导出：Next.js 会通过这种方式找到它
- 组件的名称由你决定；只有文件名和文件夹决定 URL
注意缺少了什么：没有路由注册，没有导入路由器，也没有 ReactDOM.render。你只需在正确的文件中编写一个组件，它就是一个页面。
挑战
入门让主页显示问候语。
- 在
app/page.jsx中的<main>内，添加一个带有id="title"的<h1>。 - 其中的文本必须与
Welcome to Next.js完全一致。
亲手试试
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
