31 October, 2024

Host your pre-rendered Nuxt site on Firebase Hosting

Having just spent far to long debugging an issue, which turned out be a rather simple fix, here are some notes on hosting your pre-rendered Nuxt site on Firebase Hosting.

Why pre-render

When I first started using Nuxt with Firestore as a database backend and Firebase hosting, I was using SSR: false to generate a single-page application (SPA). While this was working fine, I soon decided I'd like to statically generate & serve particular pages - for example, the home & about pages. This offered benefits in page load times, user experience and also SEO.