Complete Authentication UI Nuxt 3
00:00:00 Project Demo
00:03:54 Requirements
00:04:44 Create Nuxt Project
00:06:30 Install Tailwind CSS
00:07:40 Install Pinia
00:09:00 Install Pinia Persist
00:10:20 Install FormKit
00:13:30 Pages
00:14:37 Navigation
00:18:54 Default Layout
00:19:46 Register Page
00:26:02 Login Page
00:30:10 Dashboard Page
00:32:03 Sidebar
00:34:22 Profile Page
00:36:28 Change Password Page
00:38:18 Delete Account Page
00:40:19 Redirect to Dashboard After Login
00:41:27 Auth Pinia Store
00:49:54 Make Auth Store Persist
00:51:56 Fix SameSite Warning
00:54:52 Admin Panel
00:57:50 Identify User
01:00:48 Account Activation Page
01:03:40 Forget Password Page
01:04:44 Reset Password Confirm Page
01:06:40 Status Messages
Source Code: https://github.com/geekyshow1/nuxtauthui
Django Session Auth: https://www.youtube.com/playlist?list=PLbGui_ZYuhigdHxRJ_SYvkvMF8OuNLMvx
Nuxt 3: https://www.youtube.com/playlist?list=PLbGui_ZYuhihr7r33VW4RykfezZcsnFjM
Vue JS: https://www.youtube.com/playlist?list=PLbGui_ZYuhih5ItBhn2cTncaS24_Kgeui
Pinia : https://www.youtube.com/playlist?list=PLbGui_ZYuhigDuIk_LXzgoh7SYGNvH5xP
Vue Router 4: https://www.youtube.com/playlist?list=PLbGui_ZYuhiiK4anwMI4y3wfmZEx6vDQo
Core JavaScript: https://www.youtube.com/playlist?list=PLbGui_ZYuhiiaQjuOfvgx_-gzVBlCxrk0
Advance JavaScript: https://www.youtube.com/playlist?list=PLbGui_ZYuhihZ-pDxNZuQ7xOQ8IS2z3XI
NPM: https://www.youtube.com/watch?v=xD3V3Uf9HPI
Node Mongo and Express JS: https://www.youtube.com/playlist?list=PLbGui_ZYuhijy1SpwtIS9IwL6OJdbr4kE
Postman Playlist: https://www.youtube.com/playlist?list=PLbGui_ZYuhigvkxzHXRveCnYjZcacTAwq
Check Out Our Other Playlists:
https://www.youtube.com/@geekyshows/playlists
Learn more about subject:
http://www.geekyshows.com/
________________________________________________
If you found this video valuable, give it a like.
If you know someone who needs to see it, share it.
If you have questions ask below in comment section.
Add it to a playlist if you want to watch it later.
________________________________________________
T A L K W I T H M E !
Linkedin: https://www.linkedin.com/in/irenicraj
Instagram: https://www.instagram.com/geekyshow1
Twitter: https://twitter.com/irenicraj
Website: http://www.geekyshows.com
_______________________________________________
Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________
I acknowledge that the images used in this YouTube video are the intellectual property of their respective creators. We utilize these images solely for educational purposes only.