Skip to main content

Nuxt Auth Utils: Secure, Simple, and Flexible Logins

1h 54m 26s
English
Paid

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 20 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1 Why Authentication Matters in Nuxt

All Course Lessons (20)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Nuxt 3 With Pinia

Nuxt 3 With Pinia

Sources: Net Ninja
In the course on Nuxt 3 with Pinia, you will learn how to use these technologies together to create a small shopping cart application, where Pinia will manage t
1 hour 28 minutes 9 seconds
Mastering Nuxt, 2025 Edition

Mastering Nuxt, 2025 Edition

Sources: masteringnuxt.com, Michael Thiessen
Mastering Nuxt: Full Stack Unleashed - 2025 Edition - is not just a course, but a comprehensive step-by-step guide to modern Nuxt, created with the...
7 hours 36 minutes 9 seconds
Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

Vue 3, Nuxt.js and NestJS: A Rapid Guide - Advanced

Sources: udemy
Learn how to create an Ambassador App using Vue 3, NuxtJS and NestJS. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big N
7 hours 37 minutes 36 seconds
Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Nuxt 3 Fundamentals: Build Full-Stack Vue.js Apps

Sources: vueschool.io
Nuxt is meta-framework built on top of Vue. It is the go-to way for creating server rendered apps for Vue and the latest version (v3) includes a huge number of
3 hours 5 minutes 56 seconds