GoldenaArcher的博客

上篇笔记主要回顾了一些 Next12 到 Next15 的一些变化，这里继续学习/复习一些已有或者是新的变化。

上一次写 Next 相关的东西都是 3 年前的事情了，这 3 年里 Next 也经历了 2-3 次的大版本变化。当时写的时候 Next 是 12 还是 13 的，现在已经是 15 了，从 build 到实现都有一些重大变化，所以就想着重新过一下关键点这部分内容没啥特别好的归纳，基本上学/写到哪里记到哪里，**里面讲了 Next 推荐的文件夹管理方式，以及路由、metadata、SEO 之类的关键信息。

getStaticProps，获取静态数据React 虽然好用，但是一直以来为人所诟病的一点就是：SEO 优化问题。Vercel 团队在构建 Next.js 的时候就考虑到了这个问题，并且提供了两种 SEO 友好的处理方式，其中之一就是使用 getStaticProps 这个方法。以之前写的某个 React 小 demo 为例，在按下 f12 对页面进行 inspect 的时候，是能够看到所有的代码：不过这已经是在客户端完成渲染的情况下，如果直接 inspect 页面源码(chrome 快捷键 ct

Next 与 React 的 Router 对比Next 虽然是基于 React 上实现的，不过有些地方的差别还是挺大的，其中之一就是 Router（路由）方面的差别。其主要原因是在于 React 对自己的定位是一个 库(Library)，准确的来说还是一个 UI 库——A JavaScript library for building user interfaces，所以对于 React 开发团队而言，路由并不在他们的考虑范围之中。与之相对的由 vercel 开发的 Next.js 的定位是一个可用于