PWAはオフラインでも動作することが求められるので、クライアントサイドで表示内容を制御します。その結果、サーバサイドレンダリングは弱い傾向にあります。最近ではGoogleのクローラーがPWAでも動作するようになっていますが、サーバサイドレンダリングが不要な訳ではありません。 そこで注目したいのがサーバサイドレンダリングを備えたユニバーサルPWAです。ForrestJSはReactベースのユニバーサルPWAジェネレータです。

ForrestJSの使い方

デモのページです。初期表示はサーバサイドレンダリングで生成されます。

ForrestJSはNuxtとVueに近いかも知れません。ReactアプリでPWAを作る場合にはサーバサイドレンダリングが常に問題になると思いますので、ForrestJSで作っておけばSEOの面においても安心できるでしょう。PWAをより幅広い環境で利用するためにも見逃せない仕組みです。

ForrestJSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

forrestjs/forrestjs: ForrestJS - React Universal PWA generator