请解释服务器端渲染（SSR）的核心概念，并说明它在现代前端开发中的作用。

回答思路

1. 【回答框架 1】服务器端渲染（SSR）是指在服务器端完成页面HTML的生成，然后将完整的HTML直接发送给浏览器。与客户端渲染（CSR）不同，SSR在服务器上执行JavaScript，将组件渲染为HTML字符串，再交给浏览器显示。
2. 【回答框架 2】SSR的主要优势在于首屏加载更快，因为浏览器无需等待所有JavaScript下载并执行即可看到内容；同时有利于搜索引擎优化（SEO），因为爬虫可以直接获取到完整HTML。
3. 【回答框架 3】实现SSR需要服务器运行前端框架的渲染逻辑，例如使用React的renderToString或Vue的server-renderer，并处理客户端激活（hydrate）以复用服务器生成的DOM。
4. 【回答框架 4】SSR的代价是服务器压力增大，因为每次请求都需要在服务器端渲染；同时需要更复杂的构建和部署流程，例如处理Node.js环境和前后端同构代码。
5. 【回答框架 5】在选择时，应根据项目需求权衡：对SEO和首屏性能要求高的应用，如内容站点，适合SSR；而交互密集的后台系统可能更适合CSR。可考虑使用Next.js或Nuxt等框架简化实现。
6. 【关键点 1】SSR在服务器生成完整HTML，首屏加载快，利于SEO。
7. 【关键点 2】SSR需要服务器执行渲染逻辑，增加服务器负载。
8. 【关键点 3】SSR需配合客户端激活实现交互，构建部署更复杂。
9. 【关键点 4】Next.js和Nuxt提供成熟SSR解决方案，适合现代前端。
10. 【关键点 5】SSR与CSR各有优劣，选择需基于项目实际需求。
11. 【易错点 1】不能将SSR等同于前后端不分离的传统模板渲染，SSR仍使用前端组件模型。
12. 【易错点 2】忽略hydrate步骤会导致页面交互失效或重复渲染。
13. 【易错点 3】SSR不适用于所有场景，对服务器资源消耗需充分评估。