Next.js 带来了什么
本课属于 Coddy React 学习旅程的“Next.js 基础”单元。第 1 课，共 47 课。
你已经可以用 React 构建组件了。那么，为什么几乎所有实际的 React 应用都会在它之上使用一个框架呢？
因为 React 本身只负责一件事：把你的组件转换成屏幕上显示的内容。其他所有事情都要由你自己实现：
- 页面和 URL：React 不知道 URL 是什么
- 获取数据：页面加载后，你在浏览器中获取数据
- 保存数据：你需要手动编写 API
Next.js 正好填补了这些空白。它的解决方案直截了当：
- 一个 文件夹 就是一个 URL
- 组件默认在服务器上运行，因此可以在页面发送出去之前加载数据
- 一个函数可以保存数据，无需编写 API
最后这一点值得停下来想一想。在本课程中，你会在组件中直接使用 await 获取数据，不需要加载动画，也不需要 useEffect，因为组件会在用户看到任何内容之前在服务器上运行。
你在 Fundamentals 中学到的内容仍然适用：这些组件、属性和 JSX 都是一样的。Next.js 是围绕它们构建的框架。
挑战
入门这是为你写好的第一个 Next.js 页面。
要做什么：
- 看看文件的位置：
app/page.jsx。 - 按“运行”按钮。
- 预览会显示 URL
/对应的页面。
没有任何东西注册这个路由，是文件夹注册的。这就是整个单元的基础概念。
亲手试试
import './globals.css';
export const metadata = {
title: 'My App',
};
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
{children}
</body>
</html>
);
}
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
