はじめに この記事では、NuxtjsのUniversalモードとSPAモードの違いをざっくりと説明しています。 厳密な説明を避けていますので、認識の違いがあるかもしれません。 ご注意ください。 モードの大きな違い Universal(ユニバーサルモード) ssr(サーバーサイドレンダリング)を行います。 Single Page App(シングルページアプリケーションモード) 略してSPAとも言われます。 ssrを行いません。 SSR(サーバーサイドレンダリング)とは javascriptのレンダリング方法の一つです。 言葉の通り、サーバー側でjavascriptをレンダリングしHTMLを生成します。 SSRを行わない場合 クライアント側(ブラウザ側)でjavascriptをレンダリングしHTMLを生成します。 初めて訪れたサイトで、真っ白い画面でくるくる回って待たされることありませんか?
![Nuxt.jsのUniversalモードとSPAモードの大きな違い - 独学プログラマ](https://cdn-ak-scissors.b.st-hatena.com/image/square/01a71547f3124f0a0500a2f884865be2c0ff4b0f/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2F9tor7hf8m4e5%2F32phkhQnEAzcvtI8nrIpb0%2Fb2dc1cbb307257c6308e59e9ee457ffb%2Fcolumn.008.png)