SSR、Next.js与服务器组件

1. 服务器端渲染（SSR）对用户体验和搜索引擎优化（SEO）有积极影响，适用于单页应用（SPA）。 2. SSR、客户端渲染（CSR）和静态站点生成（SSG）在渲染位置、加载性能、SEO、开发难度等方面有不同特点。 3. Next.js框架是基于React的全栈Web开发框架，支持服务器端渲染React组件、内建的代码构建功能、各种主流CSS方案、获取服务器端数据等。 4. Next.js整合了多种框架和库，简化了技术选型的工作，但在部署上线时需要将整个Next.js应用部署为Web服务器。 5. React官方鼓励使用基于React的全栈框架，如Next.js、Remix或Gatsby来开始一个React项目。 6. Next.js项目创建和传统React项目创建有所不同，Next.js渲染的首页HTML代码中包含了对应实际内容的静态HTML标签，有利于提高用户体验。 7. 服务器组件是React 19新增的特性，只在服务器端运行，不包含状态，不能在服务器组件中使用任何交互性的Hooks或JS代码。 8. 服务器组件与客户端组件之间可以通过props通信，客户端组件的子组件可以是服务器组件也可以是客户端组件，通过 `children` prop，将服务器组件传递给客户端组件. 9. React 19的服务器组件和服务器action带来了前端开发范式的变化，让SSR的功用更上一层楼。