サーバーサイドレンダリング (ユニバーサル)

Nuxt で一番人気のモードです。サーバーサイドレンダリングでは「ユニバーサル」または「アイソモーフィック」モードと呼ばれ、 Node.js サーバーではピュア JavaScript の代わりに Vue コンポーネントベースの HTML をクライアントに配信するために利用しています。 サーバーサイドレンダリングを利用すると従来の Vue SPA と比較し SEO が大幅に向上し、UX がよくなり、より多くの機会が増えます。

サーバーサイドレンダリングを自分で実装するのは非常に面倒です。Nuxt.js はそのまま利用でき、よくある落とし穴を回避します。

静的ファイルの生成 (プリレンダリング)

静的サイト生成は現在非常に注目されているトピックです。別のフレームワークに切り替えて慣れるのに時間を費やす代わりに、なぜ一石二鳥ではいけないのでしょうか？ （ただのことわざ🐦🐦）

Nuxt.js はあなたの Vue アプリケーションに基づく静的ウェブサイトの生成をサポートします。 Nuxt はすべてのページを事前にレンダリングしてインクルードするため、サーバーは必要ありませんが SEO の利点はあるという、いいとこ取りをしています。 また、作成したページを Netlify または GitHub Pages に簡単に配置できます。

シングルページアプリケーション（SPA）

サーバーサイドレンダリングや静的サイト生成は必要ありませんが、それでも Nuxt が提供する利点から利益を得たいですか？ 徐々にアプリを移行し、軽量に始めたいですか？その場合従来の SPA モードがあなたに適しています。 結果はあなたも知っているごく普通の Vue SPA になりますが、Nuxt の設定とフレームワーク自身の影響を受けています。