Skip to content

Want to setup a quick prototype of an app with authentication/login, database and hosting/domain for free? This will get you started in no time with a minimal firebase-vue application. Just replace the firebaseConfig object with your credentials.

Notifications You must be signed in to change notification settings

RichStone/low-structure-template-SPA-vue.js-with-firebase-integration

Repository files navigation

Template for a minimal Vue.js app hosted with firebase

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Deploy to Firebase Hosting

npm install -g firebase-tools
firebase login
firebase init

Choose rewrites to index.html to avoid routing to 404 page up on firebase hosting. Your firebase.json should look like similar to this:

{
  "hosting": {
    "public": "dist",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ],
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  },
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  }
}

About

Want to setup a quick prototype of an app with authentication/login, database and hosting/domain for free? This will get you started in no time with a minimal firebase-vue application. Just replace the firebaseConfig object with your credentials.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published