Static HTML Fragment Rendering

外部サービスとの連携などのために、静的なHTMLの文字列を生成するサーバーとして構成します。

Static サーバーモードの設定をして、静的なHTMLを生成するようにします。

プロジェクト前提が Staticサーバーモードとなるので、サーバー構成やデプロイ構成に注意してください。

Body の内側のみをレンダリングし、StyleやScriptを一切含みません。用途に応じて追加してください。

Open Static HTML Fragment Rendering on Stackblitz.
tsnuxt.config.ts
export default defineNuxtConfig({
 usebootstrap: {
  static: true,
  scss: undefined,
  icon: undefined,
  image: undefined,
  fonts: undefined,
  sitemap: undefined,
  robots: undefined,
  shiki: undefined,
  vueuse: undefined,
  integration: {
   protocol: {
    reqres: {
     type: 'fetch',
     prefix: 'https://reqres.in/api/',
    },
   },
  },
 },
},
);