Boilerplate project ! Nuxt + VueJs + Firebase

Spaceship 🚀

Template repository for quickly creating new universal web app (SSR) with VueJs, Nuxt, and Firebase, and deploying it on Firebase Hosting within seconds 🚀

❤ This is made for you

These libraries and tools are already setup:

• 🤘 Vue
• ☄ Nuxt
• 📱 PWA
• 👤 Firebase Auth (and server side verification)
• 🔥 Nuxt-Fire : all Firebase tools in Nuxt
• 💄 Prettier : code formatting rules
• 🚨 Eslint : control code quality
• ✅ Jest (testing)

🚀 Get started

🍺 Let’s start

# clone Spaceship 🚀🪐 repository
$ git clone https://github.com/EBfVince/Spaceship.git MyAwesomeProject
$ cd MyAwesomeProject

# install dependencies
$ yarn

👨‍🔧 Configuring the project

• Create a Firebase project. For more informations, see here.
• Open package.json file. Replace the name with your project name.
• Open nuxt.config.js file. On the top of the file, replace the firebaseConfig values by yours.
• That’s it ! 🎉 🍻

Made with ❤ by EBfStudio and Vince

---

Important stuff

• ~ or @ for srcDir
• ~~ or @@ for rootDir

Firebase Authentication

Domain names need to be verified by Firebase Auth. See here : https://console.firebase.google.com/u/0/project/[project-id]/authentication/providers

Important links

Here are some pages you should check to avoid struggling with your project.

Nuxt Fire 🔥

• Github
• Documentation

Deploy Nuxt on Firebase 🚀

• Tutorial

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs.

Download Details:

Author: EBfVince

Source Code: https://github.com/EBfVince/Spaceship

#vue #vuejs #javascript