Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind, Neon

Do You Need To Learn A Second Programming Language?

Must Have Tailwind Plugin For Responsive Design

This Tailwind Plugin Makes Your Text Look Beautiful

Authentication is a difficult topic especially when dealing with biometric auth and passkeys. That is until now. In this video I will explain how you can use webauthn APIs to easily create fingerprint, biometric, and passkey based authentication without needing to pay for any third party providers.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/webauthn-basic-authentication
Authentication Playlist: https://www.youtube.com/playlist?list=PLZlA0Gpn_vH9yI1hwDVzWqu5sAfajcsBQ
How Auth Works Video: https://youtu.be/mL8EuL7jSbg
What Is JWT Video: https://youtu.be/7Q17ubqLfaM
Node.js Auth Tutorial Video: https://youtu.be/Ud5xKCYQTjM


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:40 - Starting Code Explanation
02:00 - Basic Browser Functions
14:55 - Registration Client Setup
22:15 - Registration Server Setup
35:50 - Login Client Setup
37:38 - Login Server Setup


#Webauthn #WDS #JavaScript

How To Setup Fingerprint Auth In JavaScript

Build a Full Stack Next.js App with Google Calendar - TypeScript, Drizzle, ShadCN, Tailwind, Neon

Do You Need To Learn A Second Programming Language?

Must Have Tailwind Plugin For Responsive Design

This Tailwind Plugin Makes Your Text Look Beautiful