安装和配置 Next.js

以下的内容假设开发者采用 monorepo 进行仓库管理，Next 的项目在apps/next01中。名称为 @essg/next01。

安装 Next.js

mkdir -p apps/next01
cd apps/next01

pnpm create next-app@latest ./

在交互时：

• TypeScript: yes（推荐）；
• ESLint: yes；
• Tailwind: yes；
• App Router: yes；
• Import alias: @/*；

安装依赖

在 monorepo 根目录执行：

pnpm install

启动开发环境

pnpm --filter=@essg/next01 dev

访问 http://localhost:3000 就能看到 Next.js 默认页面。

目录结构

my-monorepo/
│── package.json
│── pnpm-workspace.yaml
│── apps/
│    └── next01/      # Next.js 项目
│── packages/
     └── ui/          # 可选：共享组件库