3.2 Next.js 核心概念

正在检查访问权限...

在这一节，我们只做一件事： 把「AI 生成的网页」升级成一个真正能多页跳转、方便部署的 Next.js 小站。

可以把 Next.js 理解成：在普通网页外面再包一层「网站框架」，帮你处理路由、性能和 SEO。

它有点像乐高积目，把多个元素（顶部导航+内容+底部）拼成一个页面，把多个页面拼成网站。你不需要懂所有细节，只需要知道文件放哪、怎么跑起来。因为现在很多网站模板都是用 Next.js，所以理解一下它是如何实现的，方便把模板用起来。

先弄清 3 个概念就够了

概念	像什么	你需要知道的
页面(page.tsx)	每一页内容	一个文件 = 一个网址
布局(layout.tsx)	网站的外壳	头部、脚部在这里统一管理
路由(地址)	菜单/房间号	文件夹路径 = 浏览器地址

什么是 .tsx 文件？ .tsx = TypeScript + JSX。TypeScript 是 JavaScript 的「加强版」，增加了类型检查（帮你提前发现错误）。JSX 让你可以在代码里直接写 HTML 标签。简单理解：.tsx 就是「能写 HTML 的 TypeScript 文件」。

其他像「服务端组件」、「静态生成」、「缓存策略」等，此时都可以先不管。

Next.js 核心概念

正在检查访问权限...

学习进度0%

0/60 篇已完成