App 文件夹

打开文件列表。Next.js 项目有自己的结构，而且每个部分都有意义：

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

有两个文件名很特别，你会经常用到它们：

• page.jsx：让文件夹变成可访问的网址。app/page.jsx 是主页，网址为 /。
• layout.jsx：包裹它下面的页面。根布局包含 <html> 和 <body>，因此每个页面都会共用它。

这些名称不是可以随意更改的约定。Next.js 会查找这些确切的文件名。文件夹中的文件就是这样变成带有 URL 的应用的。

这些课中的根布局是锁定的，因此即使外壳出现问题，也不会导致你的应用无法运行。你将在 app/page.jsx 中工作，并使用你自己添加的文件。