Repository files navigation

Authenticated server-side rendering with Nuxt 3 and Firebase 9

• 💚 Nuxt 3 - SSR, ESR, File-based routing, components auto importing, modules, etc. Are you new in Nuxt3? We recommend to look at thedocumentation.

• 🔥 The<script setup> syntax

• 🚠 Firebase v9 for Firebase Authentication services (client side authentication)

• 🚀 The PrimeVue for styled components

• 🚦 VeeValidate for input forms with i18n support

• 📥 APIs auto importing - for Composition API, VueUse and custom composables.

• 🦾 Mainly TypeScript

We recommend usingVS Code withVolar to get the best experience (You might want to disable Vetur if you have it).

Make sure to install the dependencies

npm install

First of all, you need to createFirebase acount and SDK setup.You need to create.env file with this content from Firebase project (security credentials should never be shared):

cp .env.example .env

Setservice account environment variable:

FIREBASE_API_KEY=

Start the development server onhttp://localhost:3000

npm run dev

Delete .output folder and run below commands

npm run buildnpx nuxi preview

• Nuxt3 (Stable)
• Firebase 9
• Primevue
• VeeValidate 4