Nuxt Auth - Authentication and Authorization in NuxtJS

This VueJS Tutorial shows how to add Authentication and Authorization to your NuxtJS app, and make it work with SSR (server-side rendering). Once you understand the concepts and flow, it becomes surprisingly easy.

For this introduction to the Nuxt Auth module, we don’t require that you’ve watched any of the previous videos on this channel, but to get the most out of it you do need to have a working Nuxt app and basic knowledge of both Nuxt and Vue.

0:00 Start
3:57 Installing Nuxt Auth and using $auth.user
8:23 Login and Register forms
13:45 Configuring and using loginWith()
27:52 Error Handling and User Notifications
34:11 Auth Middleware
40:51 Conclusion

** Referenced Videos **

The video where we created the UserAuthForm:    • VueJS Auth - Login and registration w...  

The "Building a VueJS Screencasting App From Scratch" Playlist:    • Building a VueJS screencasting app fr...  

Hire Jeffrey: https://www.jeffreybiles.com/consulting/

** Github Links **

Installation + Navbar: https://github.com/jeffreybiles/vue-s...
UserAuthForm Component: https://github.com/jeffreybiles/vue-s...
Login and Register pages: https://github.com/jeffreybiles/vue-s...
Login, Logout, and Register Users: https://github.com/jeffreybiles/vue-s...
Error Handling and User Notifications: https://github.com/jeffreybiles/vue-s...
Auth-admin Middleware: https://github.com/jeffreybiles/vue-s...
Backend: https://github.com/jeffreybiles/vue-s...

** Find me online **

Twitter:   / jeffreybiles  ,   / jeffrey_codes  

#VueJS #Nuxt #SSR #Vue #ServerSideRendering #NuxtJS #VueTutorial