sjdhome blog
·
迁移到Next.js
内容提要
作者将网站迁移到 Next.js 技术栈，以解决静态 HTML 维护困难的问题。迁移过程中使用了 Tailwind CSS 和 CSS Module，提升了可扩展性。尽管整体改动不大，但网站在中国大陆的访问速度变慢。最终部署在 Vercel，并使用 Cloudflare 作为 CDN。
关键要点
-
作者将网站迁移到 Next.js 技术栈，以解决静态 HTML 维护困难的问题。
-
随着网站内容增加，维护静态 HTML 变得越来越麻烦，作者决定使用 React.js 管理内容。
-
迁移过程中使用了 Tailwind CSS，避免了 CSS 类命名的困扰。
-
迁移后，网站整体改动不大，但细节上有所修改。
-
网站在中国大陆的访问速度变慢，托管在 Cloudflare Pages 上。
-
最终部署在 Vercel，并使用 Cloudflare 作为 CDN。
延伸解读
迁移的必要性
随着网站内容的增加，维护静态 HTML 的复杂性显著提升。作者选择 Next.js 是为了简化内容管理，利用 React.js 的优势来提升网站的可扩展性。这一决策反映了现代网站开发中对灵活性和可维护性的重视。
技术选择的影响
在迁移过程中，作者使用了 Tailwind CSS 和 CSS Module。虽然 Tailwind CSS 提供了便利的类名管理，但 CSS Module 更加贴近传统 CSS 的编写方式，适合不同开发者的需求。选择合适的技术栈对网站的长期维护至关重要。
访问速度的考量
尽管迁移带来了更好的可扩展性，但网站在中国大陆的访问速度却有所下降。这提醒开发者在选择托管服务和 CDN 时，要考虑到目标用户的地理位置，以确保用户体验不受影响。
延伸问答
为什么作者决定将网站迁移到 Next.js？
作者决定迁移到 Next.js 是因为维护静态 HTML 难度增加，尤其是在网站内容增多的情况下。
迁移过程中使用了哪些技术？
迁移过程中使用了 Tailwind CSS 和 CSS Module，以提升可扩展性并简化 CSS 类命名问题。
迁移后网站的访问速度有什么变化？
迁移后，网站在中国大陆的访问速度变慢，因为托管在 Cloudflare Pages 上。
Next.js 迁移过程中遇到了哪些挑战？
迁移过程中，Next.js 13 的 App Router 改变了原定的就地渲染 Markdown 计划，增加了后端 API 的需求。
作者对 CSS Module 和 Tailwind CSS 的看法是什么？
作者认为 CSS Module 更接近原汁原味的 CSS 编写方式，而 Tailwind CSS 则避免了 CSS 类命名的困扰。
网站迁移后有哪些细节上的修改？
迁移后整体没有大改动，但在细节上进行了些许修改，具体内容未详细说明。
