Nuxt SSR Firebase

This repository is created as a sample of using nuxt3 SSR with native firebase functions + hosting + storage.

DEMO: https://nuxt3-ssr-firebase.web.app/

Stack

Hosting:

• SSR
• gen 2
• node 20

Firebase authentication:

• register
• login
• forget password
• reset password
• google authentication
• twitter authentication
• facebook authentication

Firebase storage:

• upload file

Other:

• Dark Mode
• SEO
• NuxtUI
• NuxtUI-pro
• tailwindcss
• iconify
• i18n
• sitemap
• gtag
• eslint + stylistic

Setup

.env configuration

• copy .env.example file as .env

cp .env.example .env

• update .env file content with your firebase configuration

GOOGLE_APPLICATION_CREDENTIALS must be the single line of the service account file content Admin-SDK

Run

# install the npm modules
npm install

# run the app
npm run dev

Command shortcuts

• dev: start the app on local
• test: run tests
• coverage: run tests with coverage report
• clear: delete .nuxt .output .firebase folders
• clear-all: node_modules .nuxt .output .firebase folders and package-lock.json file
• emulator: run the app in firebase emulators
• deploy: deploy the app to the firebase prod
• upgrade: upgrade all npm modules and install all
• lint:fix: fixing eslint and stylistic issues if possible