Authentication from Scratch
summary
Implements a token-based auth flow using JWT in localStorage and Vuex state, with the token copied into an Axios Authorization header for protected API calls. Builds registration, login and dashboard routes (three main pages), creates and consumes JWTs on the server side, and shows logout that clears state or forces a reload to wipe headers. Mentions route guards, error handling and a 72‑hour auto-login idea; the demo works end-to-end.
AI-written summary · about
chapters (21)
- 0:00Introduction
- 1:35What is Authentication
- 2:00Providers and protocols
- 2:24Overview
- 2:49JWT
- 3:07JWT Components
- 3:53Token Based Authentication
- 5:15Logout Solution
- 5:44Register
- 7:23Steps
- 7:46Code
- 11:34Dashboard
- 12:42Login component
- 13:17Login action
- 14:51Logout action
- 16:40Logging out
- 17:15Additional Authentication Steps
- 18:01Mastery Promotion
- 18:17Learning Path
- 18:45Vue Conferences
- 19:06Cheat Sheets
related talks
29mWho Are Vue? Authn In Vue, The Important Parts
28mWho are vue? Authn in Vue, the important parts
27mAuthentication for the REST of us
09mBeyond the Login Page: Authentication in Next.js
12mAuthentication and Authorization in Next.js
02h 31mPractical NuxtJS
43mA Token Walks Into a SPA...
19mAngular's User Authentication Tool Belt