Skip to content
Template for Firebase Web Apps. It uses Nuxt.js (vue), Bulma for styling, and Firebase for server stuff.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.firebase
assets
components
css
layouts
middleware
pages
static
store
.editorconfig
.firebaserc
.gitignore
README.md
deploy.cmd
firebase.json
nuxt.config.js
package-lock.json
package.json
workspace.code-workspace

README.md

nuxt.js + buefy (bulma) + firebase template

This template is a starting point for Firebase Web Apps. It uses Nuxt.js (vue), Bulma for styling, and Firebase for web access.

Get Started

The following configuration needs to be done in order to get up and running:

  • run npm install
  • plugins/firebase.js needs all of the Firebase parameters set
    • apiKey: 'xxx',
    • authDomain: 'xxx',
    • databaseURL: 'xxx',
    • projectId: 'xxx',
    • storageBucket: '',
    • messagingSenderId: 'xxx'
  • In your Firebase console, ensure you have created a Firestore in Develop -> Database.
  • Edit package.json details and nuxt.config.js meta.
  • Edit css/bulma-variables.scss for color scheme.
  • Get hosting with Firebase going:
    • run npm install firebase-tools
    • sign in by running firebase login
    • initiate project firebase init
    • set public directory to dist
    • don't configure as single-page app
  • Deploy by running deploy

Quick Links

TODO

  • Remember how to Vuex
  • Authentication
    • remove user
    • route user
  • Storage
  • Make docs better
You can’t perform that action at this time.