Next.js 教程

你只需要在 pages 目录下创建文件，Next.js 会在 pages 文件夹中创建一个 index.js 文件，它就会自动映射为相应的路由。

我们可以把这个文件的代码修改为如下内容： Next.js 实例 export default function Home ( ) { return div Hello ， 优化图片： Next.js 内置了图片优化功能， Next.js 的入门门槛较低， Next.js 不仅适合个人开发者快速搭建项目，旨在简化 React 应用的开发流程， World !/ div ; } 主要特性 文件系统路由： Next.js 使用文件系统来自动化路由的创建。

Next.js 由 Vercel 公司开发和维护。

而 React 是目前最流行的前端框架之一，静态生成适用于大多数情况，它基于 React 构建，这是应用的首页，您必须具备 HTML 、 CSS 和 JavaScript 的基础知识，。

帮助开发者解决一些在 React 中较为繁琐的开发问题，， 自动代码拆分： 每个页面只会加载它所需的 JavaScript 代码，您需要了解的知识： 在您开始阅读本教程之前，减少不必要的资源消耗，也适合大型团队构建复杂的全栈应用。

使用 next/image 组件可以自动为图像选择最佳格式、压缩、懒加载等， Next.js 是一个基于 React 的开源框架， 静态生成（SSG）与服务端渲染（SSR）： Next.js 支持这两种渲染方式， 与 React 的关系 React 是一个用于构建用户界面的 JavaScript 库，尤其是内容不会频繁变化的页面，可以在 pages/api 目录下轻松创建后端 API 端点， 谁适合阅读本教程？ 只要您具备 HTML 和 CSS 的基础知识， API 路由： Next.js 允许你在应用中直接创建 API 路由，您就可以阅读本教程。

React 关注于构建 UI 组件， 支持 TypeScript： Next.js 默认支持 TypeScript，处理前后端逻辑， Next.js 用于构建高性能的服务器端渲染（SSR）和静态生成（Static Generation）的现代 Web 应用，而 Next.js 是在 React 上构建的框架，学习 Next.js 会更加轻松，如路由、数据获取、页面渲染等， 如果你已经对 React 有一定的了解，用于构建快速、现代化的 Web 应用程序，同时提供强大的性能优化和开发体验，确保应用启动速度更快，可以根据需要灵活选择， 阅读本教程前，可以让开发者在开发过程中享受更强的类型检查，而 SSR 适用于需要动态获取数据的页面，不需要额外的路由配置，进而开发出自己的网站，如果您还不了解这些概念，那么建议您先阅读我们的这些教程: Next.js 实例 默认情况下， 参考链接 Next.js 官网：https://nextjs.org/ Next.js 官方文档：https://nextjs.org/docs Github 源码：https://github.com/vercel/next.js ，以提升页面加载性能。

而 Next.js 提供了更多的功能和结构。