Question 1

Nuxt における Server-Side Rendering（SSR）とは何ですか？

Accepted Answer

SSR はリクエストごとにサーバー上で完全な HTML を生成し、それをクライアントに送信します。検索エンジンがすぐにアクセス可能な HTML コンテンツを受け取るため SEO が向上し、また first paint までの時間も改善されます。SSR は Nuxt 3 のデフォルトのレンダリングモードであり、JavaScript がブラウザ内でコンテンツを生成するクライアントサイドレンダリングとは異なります。

Question 2

Nuxt における Static Site Generation（SSG）とは何ですか？

Accepted Answer

SSG はビルド時にすべてのページを静的 HTML として生成し、事前生成されたファイルを非常に高速に配信できるようにします。このアプローチは、ブログやドキュメントのように頻繁に変更されないコンテンツのサイトに最適です。Nuxt 3 では、nuxt generate を使用すると SSG が有効になり、設定された各ルートに対して HTML ファイルが作成されます。

Question 3

静的サイトを生成するにはどの Nuxt コマンドを使用しますか？

Accepted Answer

nuxt generate コマンド（package.json で設定されている場合は npm run generate）は、すべてのページの静的生成をトリガーします。Nuxt はルートを走査し、それぞれに対して HTML ファイルを作成し、.output/public フォルダに配置します。このコマンドは Netlify、Vercel、GitHub Pages などの静的ホスティングへのデプロイに使用されます。

Nuxt の SSR と SSG

Nuxt における Server-Side Rendering（SSR）とは何ですか？

回答

Nuxt における Static Site Generation（SSG）とは何ですか？

回答

静的サイトを生成するにはどの Nuxt コマンドを使用しますか？

回答

SEO における SSR の主な利点は何ですか？

Nuxt における hybrid rendering とは何ですか？

その他のVue.js / Nuxt.js面接トピック

JavaScript の基礎

モダンな JavaScript (ES6+)

Vue の基礎

Vue コンポーネント

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Vue のリアクティビティ

Nuxt の基礎

Nuxt のデータフェッチング

Nuxt サーバールート

Nuxt モジュール

Vue のコンポーザブル

Vue フォームとバリデーション

Nuxt の状態管理

Vue のテスト

Nuxt のデプロイと CI/CD

Vue のパフォーマンス

Vue の高度なパターン

VueでのTypeScript

Nuxt認証

Nuxt での SEO

Nuxt の国際化

Vue アーキテクチャ

Nuxt セキュリティ

Vue エコシステム

Vue 2→3 & Nuxt 2→3 の移行

次の面接に向けてVue.js / Nuxt.jsをマスター