Published On Apr 16, 2024
In this video learn how to build the best web3 onboarding UI/UX for your app. Explore different styles of onboarding users from traditional methods like connect a web3 wallet to building UI/UX where web3 is completely abstracted away with the use of In-App Wallets and Account Abstraction.
Connect Playground: https://thirdweb.com/dashboard/connec...
ConnectButton: https://portal.thirdweb.com/typescrip...
thirdweb API: https://thirdweb.com/dashboard/settingsa
Creating an API: • Start building blockchain apps: Getti...
thirdweb Docs: https://portal.thirdweb.com/
Join our Community of over 30,000 Web3 builders: / discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: / thirdweb
Timestamps:
00:00 Overview of building the best web3 onboarding UI/UX
01:15 Demo of a traditional web3 onboarding with web3 wallets (e.g. Metamask)
05:05 In-App Wallet onboarding - Connect with social login or email
09:35 Account Abstraction (ERC-4337) onboarding - gasless transactions
12:10 Create a new Next.js project and setup thirdweb Connect SDK
18:15 Build a traditional onboarding flow with ConnectButton
22:50 Add In-App Wallet onboarding to allow connecting with social login or email
25:15 Build an Account Abstraction onboarding flow and allow gasless transactions
20:15 Conclusion