Based on https://github.com/davidroyer/nuxt2-ssr-firebase
Host a Nuxt Universal app or site by combining Nuxt.js with Firebase Cloud Functions and Hosting.
-
Obtain a Firebase Project ID to use for this project. See Overiew Here
-
Inside this directory, locate the file
.firebaserc.sample, and do the following:
- Rename this file to
.firebaserc - Inside this file, replace
your-project-idwith your Firebase Project ID.
Use nvm to install Node 10
nvm install 10Install firebase tools
npm install -g firebase-toolsyarn setup
yarn buildTo test client side only locally:
yarn devsudo yarn serveyarn deploy-
Create a Firebase Project using the Firebase Console.
-
Obtain the Firebase Project ID
- Server-side rendering with Firebase Hosting combined with Firebase Functions
- Firebase Hosting as our CDN for our publicPath (See nuxt.config.js)
-
You must have the Firebase CLI installed. If you don't have it install it with
npm install -g firebase-toolsand then configure it withfirebase login. -
If you have errors, make sure
firebase-toolsis up to date. I've experienced many problems that were resolved once I updated.
-
The root directory has a package.json file with several scripts that will be used to optimize and ease getting started and the workflow
-
ALL commands are ran from the root directory