Nuxt はVue用のメタフレームワークです(Reactに対するNext.jsと同等)。Vue上にサーバーサイドレンダリング(SSR)、ファイルベースのルーティング、フルスタック機能を追加します。Vueをクライアント側ライブラリから完全なアプリケーションフレームワークに変えます。
なぜ重要なのか
text
Plain Vue SPA: server sends an empty <div id="app"></div> + JS bundle
→ browser downloads JS, runs Vue, THEN renders content
→ slow first paint, and crawlers may see a blank page (bad SEO)
Nuxt SSR: server renders the full HTML and sends it ready-to-view
→ fast first paint, content visible immediately, great SEO
→ Vue then "hydrates" it to make it interactive
SSRはサーバーがリクエストごとに完全なHTMLを生成することを意味します。ユーザーと検索エンジンは即座に実際のコンテンツを取得し、その後Vueがインタラクティブ性のために制御を引き継ぎます(ハイドレーション)。
