Home > Javascript > React.jsのSPAサイトをprerender-spa-pluginでプリレンダリングしてみた

React.jsのSPAサイトをprerender-spa-pluginでプリレンダリングしてみた

公開日:

最終更新日:

prerender-spa-plugin react.js

react.jsで作ったSPAサイトがSEOであんまりだったので、SSRとかプリレンダリングしたかったけど、レンタルサーバーで、node.jsが使えないので、調べたところ prerender-spa-plugin を使ってコンパイル時に静的ファイルを書き出す方法があったのでやってみました。
コンパイルはwebpackです。
って長く読みにくくすみません。。。

npm

まずはnpmでインストールしましょう

webpack.config.js

webpack.config.jsに以下を追加
pluginsはplugins項目があればそこに追加してください。

でコンパイルすれば。出来上がりです。
簡単です。
今の所、サーチコンソールでは綺麗にインデックスされているようですが、どうなるのでしょうか

Comment

よろしければコメントをどうぞ