Nuxt 3 がリリースされました! https://nuxt.com/v3 で詳細について見れます。

翻訳されたページ このページのコンテンツは古い可能性があります。

レンダリング

サーバーサイドでレンダリングされるサイトと静的サイト

サーバーサイドでレンダリングされるサイトは、ユーザーがページをリクエストするたびにサーバー上でレンダリングされるため、リクエストのたびにページを提供できるサーバーが必要です。

静的サイトは、サーバーサイドでレンダリングされるアプリケーションと非常によく似ていますが、主な違いとして静的サイトはビルド時にレンダリングされるため、サーバーを必要としません。あるページから別のページへの遷移はクライアントサイドで行います。

静的およびサーバーでのホスティングについてはデプロイターゲット を参照してください。

nuxt.config.js
export default {
  ssr: true // デフォルト値
}
デフォルトでサーバサイドレンダリングが有効になっているので、サーバサイドレンダリングを有効にするためにssr: trueを nuxt の設定に追加する必要はありません。

クライアントサイドレンダリングのみ

クライアントサイドレンダリングのみではサーバーサイドレンダリングをすることはできません。クライアントサイドレンダリングとは、JavaScript を使用してブラウザでコンテンツをレンダリングすることです。HTML からすべてのコンテンツを取得する代わりに、基本的な HTML ドキュメントと JavaScript ファイルを取得し、ブラウザを使用してサイトの残りの部分をレンダリングします。クライアントサイドレンダリングをするためには ssr を false に設定します。

nuxt.config.js
export default {
  ssr: false
}