React-SEO , SSR, CRA OR NEXT.js

呢個係我最近遇到既一個問題，我用開Reactjs 而需要去做SEO,(Client side rendering) (Bing, 百度個d search engine 唔考慮)
網上面好多seo consultant, 以及非常多人會叫你去做Server-Side rendering (SSR), 但我一直覺得為左呢個原因而去做呢樣野好唔合理, 如果係咁網站上面用左好多ajax 既地方, 理論上都應該有問題先係
SEO consultant 既意思係話Google 既search engine, 一開波download 你個html only 剩係index.html 裡面得<div id="root"></div> 一個tag, 而令到你唔能夠拎到你既內容

為左做呢個實驗，我就直接上Fetch as google , 睇下我fetch 番黎d 野係咩，一開波仲set 左個api 加較到5秒先睇到d野, 發現Google 係能夠fetch 到我個application, 裡面既keyword 個類野都完全無問題, 所以想問下咁多位既睇法？？？

不過如果係話Reactjs apply SSR 係for first screen rendering 個performance 會快d 咁我都覺得岩

我黎緊個project 都愁緊尼個問題

不過早排搵到個library 話可以no-extra config 去比CRA都做到SSR個隻效果(seo, smo)

我仲未test 過
希望巴打試完可以話我知個得唔得
因為唔想搞SSR

https://github.com/stereobooster/react-snap

我睇左個方法都幾岩我用叫 pretender.io Google 份doc 都有推薦用呢隻tools,個原理係detect 所有Search bot 之後用proxypass redirect 到prerender.io 拎佢份static html

同你個方法極似 不過就唔洗俾snapshot manually 整出黎 由佢個website crawl 你website 份static html 番俾google search engine or 其他engine

咁理論上你就唔洗setup 一台機，當然啦，prerender.io 我岩岩睇左fetch 250 版唔洗錢 你可以deploy 個部prerender俾自己用都得

https://prerender.io

用next.js一定要配合nodejs, 不如用gatsby generate static page

如果你只係做SEO 俾 google, 係冇問題，你用埋react helmet 做埋個個版面唔同meta 都ok, google 都做到indexing.

但如你想其他serch engine 都睇到晒，做ssr 係最好選擇。

巴打點睇prerender 呢個方法？

因為d content 會dynamically 去變 每次都唔同 所以都仲諗緊

你啲keyword 等等既Meta 係靠API ? 如果static 既話拎到都好合理。

另外Google 好似開始支援client side rendering SEO，之前試過用VueJS 做client side render, Meta 要等拎API 再用JS render 出黎，然後係Google search console，手動submit 個website，最後google search 我個website ，都有部份 result 既keyword / description 顯示到

Btw 可以睇下GatsbyJS，個gatsby-imgage plugin幾方便
https://www.gatsbyjs.org/

依個好似類似，不過未用過
https://github.com/nozzle/react-static

試過自己起prerender sever, 行javascript 可能有問題，要debug, 同埋比較慢。

揀 gatsby 的話你可以自由轉 back end都得
而且 SEO 多數都拎唔到最新 content，唔係SSR應該冇咩關係