How to build a web3 sign in page - Connect Embed
In this video, learn how to build a web3 sign in page using thirdweb's Connect Embed. Similar to the Connect Wallet button, the Connect Embed allows a user to connect their wallet to your web3 application. But instead of having a button to press on a page, you can create a whole sign in page to your app. This creates a user experience that is seamless and familiar to most users.
*Mumbai testnet support has been officially deprecated. Transition to the Amoy testnet for improved scalability and reduced gas fees.*
Connect Embed docs: https://portal.thirdweb.com/react/v4/...
Wallet Playground: https://thirdweb.com/dashboard/wallet...
thirdweb Engine Docs: https://portal.thirdweb.com/engine/ge...
How to setup local thirdweb Engine: • Build scalable apps with a web3 backend - ...
thirdweb API: https://thirdweb.com/dashboard/settings
Creating an API: • Start building blockchain apps: Getting st...
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 Demo of web3 sign in page using Connect Embed
02:25 Overview of how to build a web3 sign in page
02:45 Create and setup a new thirdweb project
05:30 Configuring supported wallets
10:20 Create web3 sign in page with Connect Embed
16:30 Add custom styling to Connect Embed
20:30 Build a connected state of web3 application
28:50 Conclusion