Deployment #

It is recommended not to SSR every route in your application. Instead, you should only SSR or SSG (generate at build) the routes that are critical for SEO and performance. For example, you can SSG the homepage and the product pages, but not the cart page or profile pages.

You can achieve this by combining the prerender option for nitro:

// nuxt.config.ts
defineNuxtConfig({
  nitro: {
    prerender: {
      routes: ['/', '/products'],
    },
  },
  //
})

Spark plan #

The Spark plan is a free plan that enable most of firebase functions. With this plan, you want to prerender your app and deploy it as a static site. In order to do this, make sure not to apply the Firebase preset when bundling your app and to use the generate command:

nuxt generate

You can then let your CI deploy your app to Firebase or do it manually:

firebase deploy

Blaze plan #

The Blaze plan is a pay-as-you-go that allows you to run Firebase Functions. It's free up to a certain amount of requests. With this plan, you can either do the same as with the Spark plan (cheaper) or build with the Firebase preset and deploy your app as a serverless function:

NITRO_PRESET=firebase nuxt build