前端seo

服务端渲染（SSR）

服务端渲染（Server-Side Rendering），是指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。

vue同构

1.Vue使用官方提供的库vue-server-renderer，进行服务器渲染

https://segmentfault.com/a/1190000015953607

vue-server-renderer

vue-server-renderer - 简书

Vue（SPA） WebPack模块化打包、SEO优化（Vue SSR服务端同构直出）、全浏览器兼容完整解决方案 - 海豚湾 - 博客园

web前端性能&SEO优化_xustart7720的博客-优快云博客_前端seo优化

2.nuxt.js

react同构

1. next.js

Next.js与React服务端渲染 - 掘金

Next.js 基于 React ，

 静态生成（Static Generation） 和 服务器端渲染（Server-side Rendering）。这两种方式的不同之处在于为 page（页面）生成 HTML 页面的 时机 。

• 静态生成（对应）getStaticxxxx静态生成（对应）：HTML 在 构建时 生成，并在每次页面请求（request）时重用。（生产环境中，运行 next build 时将生成该页面对应的 HTML 文件。在每个页面请求时被重用，还可以被 CDN 缓存）
• 服务器端渲染（对应getServerSidexxxx）：在 每次页面请求（request）时 服务端直接返回了 HTML。渲染速度大大加快，更利于搜索引擎的爬取，

getServerSideProps 和 getStaticProps区别

 getServerSideProps 在每次页面请求时都会运行，而在构建时不运行。

客户端服务用useSWR请求

next和react的区别

React 是库，NextJS 是框架，内置多个插件和webpack配置。

NextJS 和 Create-React-App的比较

如何比较 NextJS 和 Create-React-App 这两个工具 - 知乎

Next除了客户端渲染，更重要的是静态服务器端渲染和静态站点生成

静态网站是指全部由 HTML （ 标准通用标记语言 的子集）代码格式页面组成的网站，所有的内容包含在网页文件中