Next.jsをつかってSPAをSSRしてみた感想 - Qiita

こちらは Next.js Advent Calendar 2019 ３日目の記事です。 ReactのSPAをNext.jsでSSRしてみて気づいたことをまとめてみました。 まだNext.jsやNuxt.jsでSSRやったことない人や、これからやろうか検討している人への情報共有的位置づけです。 目次 SPAをSSRするとは？ どのような構成になったか？ どのような実装をおこなったか？ SPAをSSRしてどうなったか？ 気づいたこと まとめ SPAをSSRするとは？ SPAの弱点である初回アクセス時の読み込み時間を短縮するために、サーバサイドでレンダリングを行いブラウザ上に素早く画面を表示させる手法。 初回表示後の画面遷移やアクションは通常のSPAと同じように機能する。 クライアントにおける初回表示のフローは、通常のSPAとSSRした場合とで以下のようになる。 通常のSPA サーバからバンドル