Zenn
Open1

Nuxt3 nitroの設定

ようかんようかん

Nuxt3 に搭載されたNitoro

これのおかげで様々なところで簡単にホスティングできるようになります。

  • Vercelにデプロイしたい時のnuxt.config.ts
import { defineNuxtConfig } from "nuxt";

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  nitro: {
    preset: "vercel",
  },
});
  • Firebaseにデプロイしたい時のnuxt.config.ts
import { defineNuxtConfig } from "nuxt";

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  nitro: {
    preset: "firebase",
  },
});

$ yarn build or npm run build
  • nuxt.config.tsに書かない場合
$ NITRO_PRESET=firebase yarn build