Skip to content
/ Spaceship Public template

Boilerplate project ! Nuxt + VueJs + Firebase πŸš€πŸ”₯

Notifications You must be signed in to change notification settings

vinceglb/Spaceship

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Spaceship πŸš€

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

Try here : https://ebfvince.github.io/Spaceship/

❀ 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

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 πŸ”₯

Deploy Nuxt on Firebase πŸš€

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.