自学教程
Next.js 是一个灵活的React 框架，它提供构建块来创建快速的Web 应用程序。
Web 应用程序的构建块
在构建现代应用程序时，需要考虑一些事项。例如：
- 用户界面——用户将如何使用您的应用程序并与之交互。
- 路由——用户如何在应用程序的不同部分之间导航。
- 数据获取- 您的数据所在的位置以及如何获取它。
- 呈现- 呈现静态或动态内容的时间和地点。
- 集成——您使用哪些第三方服务（CMS、授权、支付等）以及您如何连接到它们。
- 基础设施——部署、存储和运行应用程序代码的地方（Serverless、CDN、Edge 等）。
- 性能- 如何为最终用户优化您的应用程序。
- 可扩展性——您的应用程序如何适应您的团队、数据和流量的增长。
- 开发人员体验- 您的团队构建和维护应用程序的经验。
对于应用程序的每个部分，您都需要决定是自己构建解决方案还是使用库和框架等其他工具。
阅读本教程前，您需要了解的知识：
在开始学习 Next.js 之前，您需要具备以下基础知识：
React 第一个实例
我们建议使用 create-next-app创建新的 Next.js 应用程序，它会自动为你设置所有内容。创建项目，请运行：
npx create-next-app@latest
# 或
yarn create next-app
# 或
pnpm create next-app假设创建项目的名称为：nextapp-runoopstest
运行开发服务器
现在，有了一个名为 nextapp-runoopstest 的新目录。让我们 cd 进入此目录：
cd nextapp-runoopstest
安装依赖包：
npm i
#或 cnpm i然后，运行以下命令：
npm run dev
这将在 3000 端口上启动 Next.js 应用程序的“开发服务器”（稍后将对此进行详细介绍）。
让我们检查一下是否正常。在浏览器中打开 http://localhost:3000 。
分享笔记