Rahat Chowdhury
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
08:53 MIN
Simplifying Web3 onboarding with FastAuth and gateways
Exploring BOS: The Blockchain Operating System by NEAR Protocol
38:18 MIN
Q&A on GraphQL federation and Next.js authentication
GraphQL + Apollo + Next.js: A Lovely Trio
05:11 MIN
An overview of the WebAuthn JavaScript API
Passwordless future: WebAuthn and Passkeys in practice
01:01 MIN
Understanding passwordless authentication technologies
Accelerating Authentication Architecture: Taking Passwordless to the Next Level
25:47 MIN
Answering key questions about Passkeys and WebAuthn
Passwordless future: WebAuthn and Passkeys in practice
13:11 MIN
Introducing passkeys for secure passwordless authentication
Passwordless Web 1.5
24:40 MIN
Interacting with smart contracts using Ethers.js
Road to Web3
18:04 MIN
Replacing legacy logins and CAPTCHAs with Bitcoin
Business sensibilities when developing for Bitcoin
Featured Partners
Related Videos
27:55Going Beyond Passwords: The Future of User Authentication
Gift Egwuenu
49:40Connect Metamask with web3js
Wisdom Nwokocha
53:58Testing web3 applications
Soumaya Erradi
29:31Break the Chain: Decentralized solutions for today’s Web2.0 privacy problems
Adam Larter
42:19Road to Web3
Soumaya Erradi
49:52Accelerating Authentication Architecture: Taking Passwordless to the Next Level
Yedidya Schwartz
32:32Passwordless future: WebAuthn and Passkeys in practice
Clemens Hübner
26:59Security in modern Web Applications - OWASP to the rescue!
Jakub Andrzejewski
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Frontend Web Developer (JavaScript, React)
Die Socialisten
Vienna, Austria
Senior
Jest
React
Redux
JavaScript
Frontend dev react.js / Next.js Blockchain en AI
Multiplied
The Hague, Netherlands
Remote
Intermediate
HTML
Next.js
Blockchain
TypeScript
+1
Web Entwickler:in Next.js / React
NUUK GMBH
Hamburg, Germany
GIT
Next.js
Terraform
TypeScript
Continuous Integration
Remote Fullstack/Frontend Engineer - Crypto Wallet Start-up
Robert Walters
Remote
€65-82K
Senior
Node.js
TypeScript
React Native