Nuxt Auth Utils: Secure, Simple, and Flexible Logins
Course description
Master authentication in Nuxt 3! This course will teach you how to implement secure user authorization using Nuxt Auth Utils - from social media login (GitHub, Google, and others) to the classic email/password pair and modern passkeys for passwordless login.
Read more about the course
Why is it important?
Most applications require authorization, and building authentication from scratch often takes a lot of time and effort. Nuxt Auth Utils, supported by Nuxt's creator Sébastien Chopin (Atinux), simplifies this process while maintaining flexibility for customization.
What you will learn:
- Authentication Basics: Understand the difference between authentication and authorization, the functioning of cookie sessions, stateful and stateless approaches.
- Social Logins: Implement authorization through GitHub and other services in a step-by-step manner.
- Email/Password: Implement a secure system using built-in hashing features.
- Passkeys: Get acquainted with the future of authentication - logging in with fingerprint, FaceID, and other biometric methods.
- TypeScript and Sessions: Learn to type user data and manage it securely.
- Route and API Protection: Master middleware and server techniques for complete application security.
By the end of the course, you will be able to confidently implement modern authentication methods, protect sensitive data, and build reliable login systems for applications on Nuxt 3.
Watch Online
All Course Lessons (20)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 1 Why Authentication Matters in Nuxt Demo | 02:52 | |
| 2 | 2 Getting Started with Nuxt Auth Utils and User Sessions | 05:39 | |
| 3 | 3 Social Logins in a Nuxt App GitHub | 07:52 | |
| 4 | 4 Setup Page with Nuxt UI to Login with GitHub | 03:11 | |
| 5 | 5 Make User and Session Data TypeSafe | 01:24 | |
| 6 | 6 Create Auth Route Middleware | 05:29 | |
| 7 | 7 Protect Sensitive Data in API Routes with requireUserSession | 04:15 | |
| 8 | 8 Connect Nuxt to an SQLite Database | 10:02 | |
| 9 | 9 Store the Authenticated User In Your Database | 08:04 | |
| 10 | 10 Create Login and Register Forms with Nuxt UI | 09:48 | |
| 11 | 11 Register a User via Email-Password with Nuxt Auth Utils | 12:48 | |
| 12 | 12 Login a User via Email-Password with Nuxt Auth Utils | 08:02 | |
| 13 | 13 Next Level Security Features - Attempt Locks to Prevent Brute Force Attacks | 09:41 | |
| 14 | 14 What are Passkeys | 02:54 | |
| 15 | 15 Getting Started with Passkeys and Nuxt Auth Utils | 04:55 | |
| 16 | 16 Register with Passkeys in Nuxt Auth Utils | 07:31 | |
| 17 | 17 Login with a Passkey in Nuxt Auth Utils | 05:59 | |
| 18 | 18 Prevent Replay Attacks with Passkey Challenges | 01:28 | |
| 19 | 19 Miscellaneous Nuxt Auth Utils Nuggets | 01:38 | |
| 20 | 20 Conclusion and Next Steps | 00:54 |
Unlock unlimited learning
Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps
Nuxt Modules: The Ultimate Guide
Nuxt.js - Vue.js on Steroids
Build a Server Rendered Vue.js App with Nuxt and Vuex
