Next.js 是一个基于 React 的 SSR 框架，使用它可以方便快速地构建高性能、SEO 友好的 Web 应用。
在开发 Next.js 应用时，经常会用到各种终端命令来简化开发流程和提高效率。下面列出了常用的 Next.js 终端命令及其功能，希望对大家有所帮助。
新建项目
创建 Next.js 项目
npx create-next-app [project-name]
该命令可以快速创建一个 Next.js 项目，并安装依赖。
例如，运行 npx create-next-app my-next-app 将创建一个名为 my-next-app 的 Next.js 项目。
启动开发服务器
npm run dev
该命令可以启动开发服务器，并监听文件变化自动刷新页面。
页面路由
添加新页面
mkdir pages/new-page touch pages/new-page/index.js
该命令可以创建一个新的页面，通过文件夹和文件的组织方式，实现路由映射关系。
例如，创建一个路径为 /about 的页面，可以运行以下命令：
mkdir pages/about touch pages/about/index.js
服务器端代码
编写 API 路由
mkdir pages/api touch pages/api/hello.js
该命令可以创建一个 API 路由，用于返回 JSON 数据。
例如，创建一个路径为 /api/hello 的 API，可以运行以下命令：
// pages/api/hello.js
export default function handler(req, res) {
res.status(200).json({ text: 'Hello' })
}部署应用
部署应用到 Vercel
npx vercel --prod
该命令可以将 Next.js 应用部署到 Vercel 平台上。Vercel 是一款开发者友好的部署平台，提供了自动化构建、CI/CD 等功能。
例如，运行 npx vercel --prod 将发布 Next.js 应用到生产环境。
总结
以上是常用的 Next.js 终端命令，它们可以帮助我们快速地创建、开发和部署 Next.js 应用。
如果你想进一步学习 Next.js 或其他前端技术，请访问 Next.js 官网 或 MDN Web 文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651bad6c95b1f8cacd34f890