EASY Vue 3 Authentication with Firebase ~ Login Form Vue JS Tutorial

Learn how to easily authenticate your vue js application with firebase by creating a simple but effective login / register application with protected routes. Firebase's easy to use framework makes authentication a breeze in Vue 3 using the composition API.

// Support me on Ko-Fi

// FOLLOW ME ON TWITTER

// BECOME A MEMBER

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

// INTERESTED IN GAME DEV?

// CHECK OUT MY GAME

// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[jasbirkhalif]

a unique way of teaching. haven't enjoyed tutorials for long but this was special

[mvpopuk]

I love your sense of humour as well as the tutorials you’re making 🤘🏻

[FirstLast-gklg]

Absolutely love your tutorials some of the best on YouTube. I love how quickly you go through it, always better to slow down a tutorial than speed it up.

[joshfoster]

Thanks @Douglas Sliverman your fixed worked, For those that got no page and error below, i used onMounted rather than onBeforeMount and my app is visible im new to lifecycle hooks in vue and could do with an explanation for why i was getting the error in code
<strong>We're sorry but vue-auth-yt doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> my javascript is enabled also by doing this on the lifecycle event not before is there any security issues? thanks

[soufianemchanna]

frankly, you are the best instructor for me

[heyyy]

nice. continue with vue 3 and firebase series

[minoscalderon]

What theme do you use and what extensions to develop faster? nice vid ty

[xcrunnr]

Great Tut. However, I am wondering if there is a reason that you create the Logout function in the setup section instead creating it with the methods?

[monogalaxia]

Great tutorial, very understandable, but I think the way to import firebase to a project changed. You can't just import the whole object anymore...or am I missing something?

[tr]

Hey Tyler, if you still have the source code for this project, could you post it to github? The source code link in the description does not have the complete code.

[artemkomarov]

We need updates! a lot of changes, today ..) its not work at all, today) because of new syntax and api changes ) And additional question, how to show navbar if user login, for example ) v-if="user"; thank you !

[codecombination]

Hi great video,
I myself am exploring and learning vue js
I wanted to ask why you didn't do the login and register functionality isndie methods:
i mean by making functions

[tisanefruitrouge]

Great Video! Thanks a lot mate! I love the VueJS tutorials! What do you think of Tailwind css?

[PureAlbania]

Can you make a video on using Goggle and Facebook authentication with Firebase and connecting with this existing email Firebase account. Thanks.

[MuhammadAdnan.]

Well explained... Looking for more stuff Vue & Firebase ❤️

[angelonavarro]

Hello, I'm having trouble installing firebase, whenever I run the command npm i firebase it always gives a message saying 10 moderate severity vulnerabilities.

[matildasmedman]

Hi! Firstly, amazing toturial! Secondly, do you know when you are adding the google authentication to this app? Super exited to see it!

[yasayah]

Rather than allow just anyone to register, how could you require admin approval before users/guests can login?

[lolashepota]

Tyler, thank you very much for understandable and cool tutorial. Well done!

[agastyasutra]

Hey can you make a video on how to save images in firebase and get the url using vue composition api