Next.js 13已发布，如何创建使用Next.js 12版本的项目？

直接通过create-next-app指定版本号就能创建Next.js 12的项目，有两种常用方式：

1. 一键创建指定版本项目 #

用npx执行create-next-app时，在包名后加上@12，就能拉取最新的Next.js 12.x版本创建项目：

npx create-next-app@12 your-project-name

如果需要指定具体的小版本（比如12.3.4），把版本号写全即可：

npx create-next-app@12.3.4 your-project-name

2. 手动初始化项目 #

如果想从零搭建，步骤如下：

• 先初始化npm项目：

  npm init -y
  

• 安装指定版本的Next.js、React和React DOM（Next.js 12推荐搭配React 17.x，也兼容React 18.x）：

  npm install next@12 react@^17 react-dom@^17
  

• 在package.json中添加Next.js的运行脚本：

  {
    "scripts": {
      "dev": "next dev",
      "build": "next build",
      "start": "next start"
    }
  }
  

• 创建pages目录，并添加必要的页面文件，比如pages/index.js：

  function Home() {
    return <div>Hello Next.js 12!</div>
  }
  
  export default Home
  

之后执行npm run dev就能启动Next.js 12的开发服务了。

内容的提问来源于stack exchange，提问作者luu quang nhat