Nuxt.js * Firebase = SPA * SSR * PWA * Serverless

DEMO

Run the Nuxt.js application on Firebase.

• SPA (Single Page Application)
• SSR (Sever Side Rendering)
• PWA (Progressive Web Apps)
• Serverless (Cloud Functions for Firebase + Firebase Hosting)

• Node.js v10.15.3
• Nuxt.js v2.x

$ npm install # Or yarn install
$ cd /path/to/nuxt-firebase-pwa/src && npm install
$ cd /path/to/nuxt-firebase-pwa/functions && npm install

$ cd /path/to/nuxt-firebase-pwa/src
$ npm run dev

Open http://localhost:3000

Build Nuxt.js app.

$ cd /path/to/nuxt-firebase-pwa/src
$ npm run build

Copy assets and static files.

$ cd /path/to/nuxt-firebase-pwa
$ npm run setup

Create a Firebase Project using the Firebase Console.

Install Firebase CLI.

$ npm install -g firebase-tools
$ exec $SHELL -l

Login to Firebase.

$ firebase login

Edit .firebaserc

{
  "projects": {
    "default": "<your-firebase-project-id>"
  }
}

$ npm run serve

Open http://localhost:5000

$ npm run deploy

Let's enjoy!!!