Passkey-Based Auth in Remix (feat. Alex Anderson)

Рет қаралды 2,788

5 ай бұрын

Alex teaches Brooks how to implement passkey-based (i.e. passwordless) authentication using the Web Authentication API via his Remix WebAuthn Strategy package.
Remix WebAuthn Strategy 👉 github.com/alexanderson1993/remix-auth-webauthn
Learn more about Alex 👉 github.com/alexanderson1993
00:00 - Introduction
02:21 - Authentication overview
04:26 - The problem with password-based authentication
05:41 - Passkey-based authentication overview
10:17 - Setting up the project
13:41 - Setting up Remix Auth
21:35 - Setting up Remix WebAuthn Strategy
35:34 - Wiring up the login route
47:34 - Demoing the app
53:54 - Final thoughts and advice
Learn more at remix.run

Пікірлер: 10

@bobziroll 5 ай бұрын

I legit thought you named the folder "webauthn" as in " we be authin' " and thought it was so clever 😂

@ReactTipsWithBrooks 5 ай бұрын

I am definitely not that clever 😅

@kashnigahbaruda 5 ай бұрын

This was amazing

@aniforprez 5 ай бұрын

this is great stuff! very helpful

@joe5head 5 ай бұрын

Good watch 👍

@witek4212 5 ай бұрын

Explanation of crypto is wrong. Public keys are used to encrypt messages that can be decrypted using only corresponding private key. Here message is signed using user's private key and then signature can be verified using public key so we know who signed the message.

@ReactTipsWithBrooks 5 ай бұрын

Yep, we got this backwards, thank you for pointing it out!

@somethingbeautiful2943 5 ай бұрын

7:13 I think this is WRONG? Client should use the public key to encrypt and on the server you would use that to decrypt? You cannot use the public key to decrypt right?

@ReactTipsWithBrooks 5 ай бұрын

I've tried to reply 3 times to this, and I'm not sure why my reply keeps getting deleted Just wanted to say you're correct, we got this backwards 🤦‍♂Thanks for pointing this out!