sjdhome blog
·
迁移到 Next.js
💡
原文中文，约1800字，阅读约需5分钟。
📝
内容提要
作者将网站迁移到 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。
❓
延伸问答
为什么选择迁移到 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 编写方式。
网站迁移后有哪些细节上的修改？
整体上没有大的改动，但在细节上有所修改，主要是为了适应新的技术栈。
🏷️
标签
➡️
