上一版的网站是使用Create React App进行构建的。前不久，在访问Create React App官网时，我发现这个脚手架已经被弃用了。考虑到网站加载速度慢，而且访问网站时，无论访问的是哪篇文章，网站都会加载所有文章，导致一些不必要的占用，因此，这几天我将网站从已弃用的CRA转移至next.js框架，顺便翻新了一下整个网站。

SSR

服务侧渲染（Server Side Rendering，SSR）是解决网站加载速度慢与占用高的关键。在之前的版本中，网站加载时会将所有文章全部下载，而现在，服务端只会向浏览器发送所需要的文章，大大减少网站加载时间与占用。而且服务端渲染减少了部分客户端渲染的工作，也提高了网站性能。

设计

这次翻新沿用了旧版的部分布局与风格，采用了Shadcn UI的组件库，在提高开发效率的同时也使得网站更加美观。当然，我也在组件库的基础上进行了个性化的修改，使组件样式更符合网站整体的风格。