Add Firebase auth to your Vue app
Firebase provides a very simple and quick way to add authentication to your Vue.js application. In this article, I will show you how easy it is to allow users to register with your application using their email and password.
We are going to create a very simple Vue application using the Vue CLI. We will modify the default scaffolded application so that it provides a form to register as a new user, a login page, and a dashboard page only shown to people who are logged in.
Users will be able to register with the application using the email and password authentication system in Firebase. Once they have registered and logged in, they will be presented with the dashboard page.
I will be using the Vue CLI to scaffold out a project for us to start with. To do that, you need to have the Vue CLI installed on your system. If you do not have it installed, you can install it globally with this command:
npm install -g @vue/cli
Now we can use the Vue CLI to create our project. Create a new project using this command:
vue create vue-firebase-auth-tutorial
You will be asked to pick a preset. Choose “Manually select features” and then select “babel”, “Router,” and “Linter / Formatter.”
You will be asked if you want to use History Mode for “Router.” Choose “Yes” (it should be the default).
You can select any linter you want, but for this tutorial, I will be selecting “Eslint + Prettier.”
Vue Firebase Example Tutorial. In this example, I will show you how to connect Vue js application with the Firebase and send and receive the data from the Firebase. It is straightforward CRUD application. I am using Vue.js 3 with Firebase as a backend data service.
Tamiat headless CMS Vuejs and Firebase based CMS
vuejs-shopping-apps Shopping cart demo using Vuejs and Firebase A shopping cart with VueJS
agenda-vue-firebase .Phonebook using VueJs and Firebase as database / backend