译者按 译者在学习BFF时，有幸读到了作者古川陽介写的这一系列文章，收获颇多。由于在网上没有找到类似的中文资料，所以想将其翻译为中文，分享给小伙伴们。 前言 在本系列“微服务/API时代的前端开发”中

本文详细介绍了 Next.js 提供的预渲染方案，深入浅出地分析了各种预渲染方案的优劣，并针对不同类型的场景提出了方案选择上的建议，非常值得学习！

兴趣部落项目自2014年至今，一直都是采用的是前端渲染的模式，这种模式就是页面html是一个空壳，首屏的内容需要css和js都加载完成后，请求cgi获得数据后再渲染给用户。这种模式的好处是可以让后端和前端的工作完全分离，给日常的开发和维护带来很大的便利。 我们在现在的工作模式上…

所谓同构，简而言之就是，第一次访问后台服务时，后台直接把前端要显示的界面全部返回，而不是像 SPA 项目只渲染一个 <div id="root"></div> 剩下的都是靠 JavaScript 脚本去加载。这样一来可以大大减少首屏等待时间。 同构概念并不复…

1、相关概念CSR：客户端渲染(ClientSideRender)。渲染过程全部交给浏览器进行处理，服务器不参与任何渲染。SSR：服务端渲染(ServerSideRender)。DOM树在服务端生成后

这是我参与更文挑战的第14天，活动详情查看 更文挑战 概念分析： 服务端渲染（SSR） 更好的⾸屏性能 更利于 SEO，爬虫可以直接抓取已渲染的内容 客户端渲染 前后分离，⻚⾯的交互 同构：服务端和客

前两年服务端渲染和同构的概念火遍了整个前端界，几乎所有关于前端的分享会议都有提到。在这年头，无论你选择什么技术栈，不会做个服务端渲染可能真的快混不下去了！最近刚好实现了个基于 React&Redux 的同构直出应用，赶紧写个文章总结总结压压惊。 在了解实践过程之前，让我们先明白…

注： 本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。 随着React的兴起, 结合Node直出的性能优势和React的组件化，React同构已然成为趋势之一。享受技术福利的同时，直面技术挑战，在复杂场景下，挑战10倍以…