A basic social login PWA project example using Vue, Firebase and Bulma.

Created as

Vue CLI v3.11.0
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, PWA, Router, CSS Pre-processors, Linter
? Use history mode for router? (Requires proper server setup for index fallback in production) Yes
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass)
? Pick a linter / formatter config: Basic
? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection)Lint on save
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Firebase Deploy

To connect your local machine to your Firebase account

firebase login

To build and deploys the dist folder content to your Firebase project

npm run build && firebase deploy

Instagram Login

How to

Customize configuration

See Configuration Reference.


Bulma Social