Google OAuth with One Tap on Stytch

  Рет қаралды 1,627

Mafia Codes

Mafia Codes

Күн бұрын

Stytch is building the developer platform for #passwordless #authentication. They make it easy for you to embed passwordless solutions into your websites and apps for better security, better conversion rates, and a better end-user experience.
Home page: stytch.com/?...
Docs: stytch.com/docs?...
In this video we will learn how to use Google OAuth with One Tap using the STYTCH SDK.
We will build a NextJS application with google one-tap using STYTCH SDK and use iron-session for session management.
0:00 Introduction
0:43 Demo of Google One tap sign-in
2:08 Overview of Google OAuth in Stytch
2:22 Configure Google OAuth in Stytch
3:17 OAuth consent screen - Google console
5:21 OAuth credentials in Google console
10:22 Application UI
11:01 Navbar component
11:52 Layout component
13:02 installing dependencies
13:52 Stytch sign-in widget
18:09 Handling the Stytch token for Google OAuth
19:36 single instance of stytch client
22:48 authenticating token from STYTCH SDK
26:34 Session management using iron-session
33:24 Conditional rendering of components on sign-in status
36:56 Protected routes
38:45 logging out users
41:44 User details on profile page
46:30 FIX one-tap sign in with google
--------------------------------------------------------------------------
📦FREE $100 credit @Digital Ocean: m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: kzbin.info...
--------------------------------------------------------------------------
💵Support the channel:
Paypal: www.paypal.me/trulymittal
Patreon: / trulymittal
--------------------------------------------------------------------------
======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB): • REST API using NodeJS ...
#API Authentication using #JWT: • NodeJS API Authenticat...
#Firebase: • Firebase | Build a Not...
Docker: • Docker
MongoDB: • Learn MongoDB in 50 mi...
Html/Css/Js: • HTML / CSS / JS
Android: • Android
Challenges: • Challenges
#yoursTRULY #tutorial #howto #nodejs #android

Пікірлер: 4
@vaibhavmehar
@vaibhavmehar 2 жыл бұрын
NICE VIDEO BRO!
@Mohit-gb9dv
@Mohit-gb9dv 2 жыл бұрын
Will we see jetpack compose tutorial..?
@manoj-k
@manoj-k 2 жыл бұрын
🔥🔥🔥
@SumitYadav-cs7sb
@SumitYadav-cs7sb 2 жыл бұрын
nice video bro, can you tell me your vs code theme?
How to use Email passcodes (OTP) for authentication using Stytch
54:03
CAN YOU HELP ME? (ROAD TO 100 MLN!) #shorts
00:26
PANDA BOI
Рет қаралды 36 МЛН
Would you like a delicious big mooncake? #shorts#Mooncake #China #Chinesefood
00:30
How many pencils can hold me up?
00:40
A4
Рет қаралды 18 МЛН
Redis Crash Course
27:31
Web Dev Simplified
Рет қаралды 592 М.
Mastering API Routes in Next.js: The Ultimate Guide
20:32
Mafia Codes
Рет қаралды 3,2 М.
iOS style Segment control in React using Framer motion
22:48
Mafia Codes
Рет қаралды 1,3 М.
How to use AWS Dynamo DB
28:54
Mafia Codes
Рет қаралды 2,7 М.
You might not need useEffect() ...
21:45
Academind
Рет қаралды 145 М.
CAN YOU HELP ME? (ROAD TO 100 MLN!) #shorts
00:26
PANDA BOI
Рет қаралды 36 МЛН