sjdhome blog
·
迁移到Next.js
💡
原文中文，约1800字，阅读约需5分钟。
📝
内容提要
作者将网站迁移到 Next.js 技术栈，以解决静态 HTML 维护困难的问题。迁移过程中使用了 Tailwind CSS 和 CSS Module，提升了可扩展性。尽管整体改动不大，但网站在中国大陆的访问速度变慢。最终部署在 Vercel，并使用 Cloudflare 作为 CDN。
🎯
关键要点
- 作者将网站迁移到 Next.js 技术栈，以解决静态 HTML 维护困难的问题。
- 随着网站内容增加，维护静态 HTML 变得越来越麻烦，作者决定使用 React.js 管理内容。
- 迁移过程中使用了 Tailwind CSS，避免了 CSS 类命名的困扰。
- 迁移后，网站整体改动不大，但细节上有所修改。
- 网站在中国大陆的访问速度变慢，托管在 Cloudflare Pages 上。
- 最终部署在 Vercel，并使用 Cloudflare 作为 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 类命名的困扰。
网站迁移后有哪些细节上的修改？
迁移后整体没有大改动，但在细节上进行了些许修改，具体内容未详细说明。
🏷️
标签
➡️
