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
.setup-firebaserc
and replace the text your-project-id
with your Firebase Project ID.We will now get everything setup and deployed in 3 commands:
Note: All of these commands are ran from the root directory
Install Dependencies in all necessary directories and creates .firebaserc
from from .setup-firebaserc
by using a postinstall hook
yarn
Build The Project
yarn build
Deploy To Firebase
yarn deploy
Your site should now be live!
Create a Firebase Project using the Firebase Console.
Obtain the Firebase Project ID
You must have the Firebase CLI installed. If you don't have it install it with npm install -g firebase-tools
and then configure it with firebase login
.
If you have errors, make sure firebase-tools
is 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