sjdhome blog
·
迁移到 Next.js
内容提要
作者将网站迁移到 Next.js 技术栈，以解决静态 HTML 维护困难的问题。迁移过程中使用了 Tailwind CSS 和 CSS Module 技术，提升了可扩展性。尽管整体改动不大，但在中国大陆的访问速度可能变慢。最终部署在 Vercel，并使用 Cloudflare 作为 CDN。
关键要点
-
网站迁移到 Next.js 技术栈，以解决静态 HTML 维护困难的问题。
-
随着网站内容增加，维护静态 HTML 变得越来越麻烦。
-
选择 Next.js 是为了控制 React.js 项目选型的复杂度。
-
迁移过程中使用了 Tailwind CSS 和 CSS Module 技术，提升了可扩展性。
-
迁移后整体改动不大，但细节上有所修改。
-
网站在中国大陆的访问速度可能变慢，因托管在 Cloudflare Pages 上。
-
最终部署在 Vercel，并使用 Cloudflare 作为 CDN。
延伸解读
迁移的必要性
随着网站内容的增加，维护静态 HTML 的复杂性显著提升。选择 Next.js 作为技术栈，不仅能简化内容管理，还能提高网站的可扩展性，适应未来的发展需求。
技术选择的影响
在迁移过程中，使用 Tailwind CSS 和 CSS Module 技术各有优劣。Tailwind CSS 提供了更灵活的样式管理，而 CSS Module 则更接近传统 CSS，开发者需根据项目需求做出选择。
访问速度的考量
尽管迁移带来了技术上的提升，但网站在中国大陆的访问速度可能会受到影响。这是因为托管在 Cloudflare Pages 上，用户需权衡技术优势与访问体验之间的关系。
延伸问答
为什么选择迁移到 Next.js？
选择 Next.js 是为了控制 React.js 项目选型的复杂度，并解决静态 HTML 维护困难的问题。
迁移过程中使用了哪些技术？
迁移过程中使用了 Tailwind CSS 和 CSS Module 技术，以提升网站的可扩展性。
迁移后网站的访问速度如何？
迁移后，网站在中国大陆的访问速度可能变慢，因为托管在 Cloudflare Pages 上。
迁移到 Next.js 的过程有什么挑战？
迁移过程持续了很长时间，Next.js 13 的 App Router 改变了原定的就地渲染计划，需要单独做后端 API。
使用 CSS Module 和 Tailwind CSS 有什么区别？
CSS Module 和 Tailwind CSS 各有优劣，CSS Module 更接近原汁原味的 CSS 编写方式。
网站迁移后有哪些细节上的修改？
整体上没有大的改动，但在细节上有所修改，主要是为了适应新的技术栈。
