• 请不要在回答技术问题时复制粘贴 AI 生成的内容
kongkongye
V2EX  ›  程序员

ssr 有哪些好的方案吗?

  •  
  •   kongkongye ·
    kongkongye · Oct 13, 2022 · 4549 views
    This topic created in 1482 days ago, the information mentioned may be changed or developed.

    主要目的是 seo ,前端用的 react+redux+vite ,想支持 ssr ,看了一下午看的头疼,要支持 ssr 有很多框架,但好像都是侵入式的,要大刀阔斧地改代码。
    话说可以直接用无头浏览器后台渲染出 html 然后返回给爬虫吗?还没实践不知是否可行

    19 replies  •  2023-09-26 16:12:16 +08:00
    233373
    233373
    Oct 13, 2022
    1
    关注下,不知道有没有 react+express 的方案
    kid740246048
    kid740246048
    Oct 13, 2022
    2
    单纯为了 seo 而上 ssr 代价有点过大,可以考虑下使用 puppeteer 做预渲染的方案
    P.S. 2202 年了,考虑下别的状态管理器呗😏
    kongkongye
    kongkongye
    OP
    Oct 13, 2022 via iPhone
    3
    @kid740246048 useContext+useReducer ?
    redux 我觉得虽然复杂,但官方用例封装的却很简单好用
    fay94
    fay94
    Oct 13, 2022
    4
    seo 用个静态官网不就行了
    zhuweiyou
    zhuweiyou
    Oct 13, 2022
    5
    据说给爬虫单独做一套页面,会被搜索引擎降权.
    duan602728596
    duan602728596
    Oct 13, 2022
    6
    其实自己改造的成本不高。不太推荐用无头。
    haha512
    haha512
    Oct 13, 2022
    7
    seo 最好的方案可能还是 几年前的 jsp php jq 前后不分离方式吧。
    vue react + ssr 太费劲了,效果还未必有混合方式好
    leoli
    leoli
    Oct 13, 2022
    8
    next.js
    wu67
    wu67
    Oct 13, 2022
    9
    vue react 都有各自的一套 ssr 框架, 但是我个人看来, 都是一个强约束类型的方案, 基本上把代码组织和写法都给你框好了, 如果跟团队现行的代码差异较大, 确实非常痛苦.
    像 vue 的 nuxt, 甚至路由都给你规划好了, 一个文件就是一个路径

    如果只是要把首页做 seo, 那直接整一个静态页就好了. 如果要全站, 对不起我只是路过...
    dudubaba
    dudubaba
    Oct 13, 2022
    10
    react 目前 next.js 是功能最全的也是用户最多的。
    potatowish
    potatowish
    Oct 13, 2022 via iPhone
    11
    @duan602728596 用无头会有什么问题呢
    ChefIsAwesome
    ChefIsAwesome
    Oct 13, 2022 via Android
    12
    百度不清楚。无头浏览器渲染,谷歌不仅不会降权,还推荐这个方法。我之前做的网站就用 rendertron 渲染的,谷歌排第一呢。
    kongkongye
    kongkongye
    OP
    Oct 13, 2022 via iPhone
    13
    @ChefIsAwesome 这个库已经不维护了,好像说这种方法不推荐
    Charrlles
    Charrlles
    Oct 14, 2022 via iPhone
    14
    我们用 rendora

    只要内容一致,不会降权的,谷歌的文档有写: https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering?hl=zh-cn
    buffzty
    buffzty
    Oct 14, 2022
    15
    @kongkongye 我之前用的 puppeteer 自己搭的. 谷歌官方推荐的就是这种方法
    Envov
    Envov
    Oct 14, 2022
    16
    可以吧代码改动一下,利用 renderToString 和水合,把主要需要 seo 的页面做一下 ssg
    karott7
    karott7
    Oct 14, 2022
    17
    next.js
    liushuigs
    liushuigs
    Sep 26, 2023
    18
    可以试试 Runmix: 从零开始搭建的 React SSR 框架,非常轻量级。https://github.com/runmix-dev/runmix
    liushuigs
    liushuigs
    Sep 26, 2023
    19
    @233373 https://github.com/runmix-dev/runmix 就是 React + express 的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4865 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 129ms · UTC 06:54 · PVG 14:54 · LAX 22:54 · JFK 01:54
    ♥ Do have faith in what you're doing.