新建 Next.js 应用
首先,请确保您的开发环境已准备就绪。
- 如果尚未安装 Node.js,请从此处安装。您需要 Node.js 18 或更高版本。
- 本教程将使用您自己的文本编辑器和终端应用程序。
如果您使用的是 Windows 系统,建议下载 Git for Windows 并使用其附带的 Git Bash,它支持本教程中特定的 UNIX 命令。适用于 Linux 的 Windows 子系统 (WSL) 是另一个可选方案。
创建 Next.js 应用
要创建 Next.js 应用,请打开终端,进入目标目录后执行以下命令:
底层原理是使用了
create-next-app
工具,它会为您初始化 Next.js 应用。通过--example
参数指定了此模板。如果执行失败,请参考此页面进行排查。
运行开发服务器
现在您会看到一个名为 nextjs-blog
的新目录。进入该目录:
然后运行以下命令:
这将在 3000 端口启动 Next.js 应用的"开发服务器"(后续会详细说明)。
打开浏览器访问 http://localhost:3000,检查应用是否正常运行。