把 SSR 交给 Cloudflare：Landing 从 Next.js 迁到 React Router 的两日
在现代Web应用中，服务器端渲染（SSR）对性能和搜索引擎优化至关重要。本文记录了将Landing页面从Next.js迁移至React Router v8，并利用Cloudflare Workers实现边缘SSR的实践过程。迁移源于Next.js在自定义SSR策略上的限制，以及希望借助Cloudflare的全球边缘网络优化渲染效率。作者首先分析了React Router v8的服务器端渲染能力，重新设计了路由架构以确保前端代码兼容性。随后，配置Cloudflare Workers处理请求，基于路由进行边缘渲染，并实施缓存策略减少重复计算。关键步骤包括设置React Router服务器端入口、编写Worker脚本拦截响应、集成Edge Cache存储渲染结果。迁移中遇到浏览器兼容性和状态管理问题，通过引入React Server Components（RSC）和调整数据获取逻辑解决。最终，应用首屏加载时间显著缩短，服务器负载降低，用户体验提升。文章还分享了性能测试数据和优化建议，为类似项目提供实用参考。