sjdhome blog
·
迁移到 Next.js
内容提要
作者将网站迁移到 Next.js 技术栈，以应对内容增加带来的维护困难。迁移过程中使用了 Tailwind CSS 和 CSS Module 技术，提升了可扩展性。尽管整体改动不大，但网站在中国大陆的访问速度可能变慢。
关键要点
-
作者将网站迁移到以 Next.js 为主的技术栈，以应对内容增加带来的维护困难。
-
网站之前完全是纯静态 HTML 驱动，随着内容增加，维护变得越来越麻烦。
-
选择 Next.js 是为了控制复杂度，并使用 React.js 管理网站内容。
-
迁移过程中使用了 Tailwind CSS 技术，避免了 CSS 类命名的问题。
-
迁移后的网站整体没有大的改动，但访问速度在中国大陆可能变慢。
-
网站现在托管在 Cloudflare Pages 上，后续转向 Vercel，仍使用 CloudFlare 做 CDN。
延伸解读
迁移的必要性
随着网站内容的增加，维护静态 HTML 的复杂性显著提升。作者选择迁移到 Next.js，旨在通过 React.js 管理内容，从而提高可维护性和扩展性。这一决策反映了许多开发者在面对内容增长时的共同挑战。
技术选择的影响
在迁移过程中，作者采用了 Tailwind CSS 和 CSS Module 技术。虽然 Tailwind CSS 在类命名上提供了便利，但 CSS Module 更接近传统 CSS 的编写方式，适合不同开发者的需求。选择合适的技术栈对网站的长期维护至关重要。
访问速度的考量
迁移后，网站在中国大陆的访问速度可能变慢，这与托管在 Cloudflare Pages 及使用 CDN 有关。用户在选择技术栈时，需考虑到不同地区的访问性能，以确保用户体验不受影响。
延伸问答
为什么作者决定将网站迁移到 Next.js？
作者决定迁移到 Next.js 是因为网站内容增加导致维护困难，纯静态 HTML 驱动的方式变得麻烦。
迁移过程中使用了哪些技术？
迁移过程中使用了 Tailwind CSS 和 CSS Module 技术，以提升可扩展性和避免 CSS 类命名问题。
迁移后网站的访问速度有什么变化？
迁移后，网站在中国大陆的访问速度可能变慢，因为托管在 Cloudflare Pages 上。
Next.js 的 App Router 对迁移过程有什么影响？
Next.js 的 App Router 改变了原定的就地渲染 Markdown 计划，要求将文章内容单独做一个后端 API，增强了可扩展性。
作者对 CSS Module 和 Tailwind CSS 的看法是什么？
作者认为 CSS Module 更加接近原汁原味的 CSS 编写方式，且与 Tailwind CSS 相比各有优劣。
网站迁移后是否有大的改动？
整体上没有大的改动，只有一些细节上的修改。
