NextJs教程系列(一)：介绍&安装

什么是 Next.js

Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。您可以使用 React 组件来构建用户界面，并使用 Next.js 来构建其他功能和优化。

Next.js 的特点

• 构建全栈 Web 应用程序的 React 框架。
• 为 React 提供了开箱即用的服务器端渲染。
• 为 React 提供了开箱即用的静态站点生成。
• 为 React 提供了开箱即用的路由。

创建新的项目

系统要求，node >= 18.17 或更高版本

1. 执行npm，按照提示创建项目，建议使用 src 目录来存放源码

   npx create-next-app@latest
   

2. 之后会自动生成项目，进入项目目录，你会看到如下的目录结构
   

   • app: 后续所有代码存的放位置。
   • next.config.js: next.config.js存放了next的开发、生产环境下的配置。

3. 打开package.json, 找到 scripts，可以看到如下npm命令：

   • dev ：