如何创建Next.js 12版本项目？能否使用Yarn终端操作？

完全可以用Yarn操作来匹配课程的Next.js 12版本，具体分两种情况处理：

1. 新建项目直接用Next.js 12 #

不用先创建最新版再折腾，直接在终端执行以下命令，就能生成指定12版本的项目：

yarn create next-app@12 你的项目名称

执行后会自动按照Next.js 12的模板初始化项目，路由结构默认是课程里用到的pages目录，和课程内容完全对齐。

2. 已创建Next.js 13项目，想降级到12 #

进入你的项目目录，运行以下命令同步降级Next.js及依赖的React版本（Next.js 12通常搭配React 17，避免版本冲突）：

yarn add next@12 react@17 react-dom@17

降级后检查项目结构，把自动生成的app目录删掉，保留/创建pages目录来对应课程的路由写法。

额外注意 #

Next.js 12和13最大的差异在于路由体系：12用的是Pages Router（pages目录），13默认是App Router（app目录）。课程里的代码都是基于Pages Router的，所以用12版本能完全跟着步骤走，不用额外适配语法。

内容的提问来源于stack exchange，提问作者Menna Mohamed