Rahat Chowdhury

SSO with Ethereum and Next JS

What if logging in was as simple as connecting a wallet, with no passwords or gas fees? Learn how to build this SSO flow with Next.js.

SSO with Ethereum and Next JS
#1about 3 minutes

Exploring the user experience flaws in web authentication

Traditional authentication methods like email with passwords and social logins create user friction and dependency on centralized services.

#2about 4 minutes

Understanding Web3 wallets and cryptographic signatures

Web3 wallets are key pairs, not containers for money, that enable users to sign data cryptographically without paying gas fees.

#3about 3 minutes

Mapping the wallet-based authentication user flow

A user connects their wallet, the backend generates a unique number (nonce), and the user signs it to prove ownership.

#4about 4 minutes

Building the frontend with Next.js and Ethers.js

The frontend uses Ethers.js to interact with the wallet's global object, request the user's account, and get a signer instance.

#5about 4 minutes

Implementing the backend API routes in Next.js

Serverless API routes handle user creation, generate a unique nonce, and later verify the signature by decoding it.

#6about 5 minutes

A live demonstration of the wallet sign-in process

See the complete authentication flow in action, from clicking the connect button to the MetaMask signature request and successful login.

#7about 2 minutes

Q&A on wallet providers and developer tooling

Wallet data is managed by providers like MetaMask, and Ethers.js was chosen over Web3.js for its developer-friendly documentation.

#8about 6 minutes

Q&A on mobile access and account recovery strategies

WalletConnect enables mobile wallet access, and account recovery currently relies on seed phrases, with social recovery being explored.

#9about 13 minutes

Q&A on managed services, multi-chain, and privacy

While no direct Auth0 equivalent exists yet for Web3, services are emerging, and this system only stores the user's public wallet address.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Crypto crime, EU regulation, and working while you sleep
01:15 MIN

Crypto crime, EU regulation, and working while you sleep

Fake or News: Self-Driving Cars on Subscription, Crypto Attacks Rising and Working While You Sleep - Théodore Lefèvre

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The value of progressive enhancement and semantic HTML
03:31 MIN

The value of progressive enhancement and semantic HTML

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Comparing the security models of browsers and native apps
05:01 MIN

Comparing the security models of browsers and native apps

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Europe's push for digital independence from US tech
05:17 MIN

Europe's push for digital independence from US tech

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The trend of browsers depending on online services
06:23 MIN

The trend of browsers depending on online services

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Featured Partners

Related Videos

See all videos
Going Beyond Passwords: The Future of User Authentication27:55

Going Beyond Passwords: The Future of User Authentication

Gift Egwuenu

Connect Metamask with web3js49:40

Connect Metamask with web3js

Wisdom Nwokocha

Testing web3 applications53:58

Testing web3 applications

Soumaya Erradi

Accelerating Authentication Architecture: Taking Passwordless to the Next Level49:52

Accelerating Authentication Architecture: Taking Passwordless to the Next Level

Yedidya Schwartz

Break the Chain: Decentralized solutions for today’s Web2.0 privacy problems29:31

Break the Chain: Decentralized solutions for today’s Web2.0 privacy problems

Adam Larter

Passwordless future: WebAuthn and Passkeys in practice32:32

Passwordless future: WebAuthn and Passkeys in practice

Clemens Hübner

​Road to Web342:19

​Road to Web3

Soumaya Erradi

Security in modern Web Applications - OWASP to the rescue!26:59

Security in modern Web Applications - OWASP to the rescue!

Jakub Andrzejewski

Related Articles

View all articles
DC
Daniel Cranney
Next.js App Router: Explained
IntroductionVercel’s Next.js has come a long way since its initial release in 2016. What would become the most popular React framework (according to their own website, at least), started as a simple solution for handling routing, SEO optimisation and...
Next.js App Router: Explained
DC
Daniel Cranney
Security Basics for Vibe Coders
Vibe coding has become a popular trend in the tech world. With so many tools now available for both developers and non-developers, it’s easier than ever to build projects using natural language, in some cases without touching a line of code along the...
Security Basics for Vibe Coders

From learning to earning

Jobs that call for the skills explored in this talk.