Next.js 安装

简介

Next.js 是一个基于 React 的轻量级框架，提供了简单的服务器渲染 (SSR)、静态网站生成 (SSG)、路由和针对性能优化的开箱即用解决方案。在使用 Next.js 开发项目时，你只需要关注业务逻辑和页面设计，其它复杂的工作 Next.js 都会帮你自动完成。

安装

前置条件

在安装 Next.js 之前，请确保你已经安装了 Node.js 和 npm。

创建一个新项目

在终端中输入以下命令，即可创建一个新的 Next.js 项目：

npx create-next-app my-app

其中，my-app 是你的项目名称，可以使用任意名称。

启动项目

进入到项目所在目录，输入以下命令，即可启动项目：

npm run dev

这将会启动 Next.js 的开发服务器，并在浏览器中打开默认的端口号 3000，你即可预览项目。

打包和部署

如果你想将 Next.js 项目打包成静态页面并进行部署，只需要在项目根目录下运行以下命令即可：

npm run build

这将会把所有页面和相关的依赖打包成静态资源。之后，你可以将生成的 out 目录上传到任何静态托管网站，如 Vercel、Netlify 等等。

配置

Next.js 内置了大量的功能和选项，可以通过配置文件进行自定义调整。有关配置文件的更多信息，请参考 官方文档。

总结

通过本文，你已经了解了 Next.js 的基本使用方法，包括安装、启动、打包和部署等。下一步，请尝试在 Next.js 中编写一些自己的组件和页面吧！