在前端中比较重要的一个方向就是 seo 优化，最近做一个公司官网的项目，着手搭建的时候便考虑到了这一点，现阶段最火热的服务端渲染框架无非就是 next 和 nuxt，他们分别基于 react 语法和 vue 语法，这篇笔记便记录一下 next 项目的搭建。

next 官网：https://nextjs.org/

next 中文网：https://www.nextjs.cn/

创建 next 项目

检查 nodejs 环境，这里按照官网的要求即可，不做记录
创建你的项目文件夹，并执行：
```
npx create-next-app@latest
```
安装依赖：
```
yarn
```

检查文件目录

/app 用来存放项目的各个页面

layout.js 项目结构

import "./globals.css";
export const metadata = {
  title: "",
  description:"",
};

export default function RootLayout({ children }) {
  return (
    <html lang="zh-cn">
      <body>
        <main className="app">
          <div className="w-full h-full">{children}</div>
        </main>
      </body>
    </html>);
}

page.js 可以理解为项目的首页

/next.config.mjs 项目的配置文件