怎样创建 Next.js 项目

目前很多知名网站都在使用 Next.js，包括热门的 ChatGPT、Midjourney，国内比较有名的是腾讯新闻的移动端，Next.js 官方有一些案例展示 https://nextjs.org/showcase。

下面向新手介绍如何安装：

先要有 Nodejs 环境（下载 Nodejs），当前最新长期支持版本是 18.16.0（包含 npm 9.5.1）。

安装 Node.js 后，在终端进到要放项目的文件夹，然后执行：

# 基于最新版本创建 Next.js 项目
npx create-next-app@latest

当前版本是 13.3.0，这个方式是交互式的，运行以后会询问项目名称（会新建文件夹），然后问是否用 TypeScript、ESlint，是否启用 app 或 src，默认同时安装和初始化 TailwindCSS。也可以先命名好项目名称，这样就跳过命名的部分：

npx create-next-app@latest my-app

建议使用 pnpm 来安装，比较节省磁盘空间：

# 安装 pnpm
npm i -g pnpm

# 使用 pnpm 创建 Next.js 项目
pnpm create next-app

执行完以后，cd 到项目目录里，然后运行

npm run dev

根据提示打开 http://127.0.0.1:3000 即可。