爲React生成靜態頁面

Question

目標是讓我的React應用程序在Amazon S3（CDN）上運行客戶端，並生成新聞文件，以便我可以使用元標記進行社交分享（主要是因爲Facebook）。

因此，例如，如果有人分享http://website.com/news/343434，那麼我將在Amazon S3上擁有文件/news/343434/index.html，該文件只會爲元標記填充頭部部分， React應用附加的ID根目錄。

此方法的問題在於生成的文件不知道對main.js文件的引用，因爲已將哈希添加到緩存清除的文件名中。即使我這樣做了，那意味着我需要在部署React應用程序時重新生成所有新聞文件，因爲哈希值將會改變。

我有另一種想法，在AWS上有一個lambda函數，它基本上會返回填充了正確元標記的模板文件和對main- {hash} .js文件等的引用。它似乎是最好的我能想到的解決方案。

有沒有其他的解決方案可以正常工作？

Answer 1

有一些框架可以解決React應用程序的服務器端渲染問題。例如，檢查https://github.com/zeit/next.js/。