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 backe...

thirdweb API: https://thirdweb.com/dashboard/settings
Creating an API: Start building blockchain apps: Getti...

thirdweb Docs: https://portal.thirdweb.com/

Join our Community of over 30,000 Web3 builders: Discord: discord
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter: 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