承接上文
关于next.js
巴拉巴拉，你只需要知道这是一个功能强大的用于服务端渲染的react框
摘自官网： Next.js 是一个用于构建全栈 Web 应用程序的 React 框架，
无论是个人开发人员还是大型团队的一员，Next.js 都可以帮助开发者构建交互式、动态且快速的 React 应用程序。nextjs.org/
关于服务端渲染
关于TailwindCSS
环境搭建
- 安装 18.0 或更高版本的 Node.js nodejs.org/en/about/pr…
- 安装dotenv，用于将环境变量从 .env 文件加载到 process.env 中。将配置存储在与代码分开的环境中
初始化next.js项目
npx create-next-app@latest
1.询问是否要安装最新的next.js版本，这里选择yes
2.给项目起一个名字
3.选择在项目中使用typescript
4.选择在项目中使用ESLint代码检查
5.选择在项目中使用TailwindCSS
6.选择在next.js项目中使用src目录
7.选择在next.js项目中使用App路由
8.允许在项目中使用别名导入
9.配置路径别名
项目启动
安装依赖
pnpm install
完成后 本地开发环境启动项目
pnpm run dev
预览
