How to Create a Login Page For Your Web3 App (Web3 Wallets, Account Abstraction, or PassKey)
thirdweb thirdweb
21.3K subscribers
855 views
27

 Published On Jun 28, 2024

In this video learn how to create a login page for your web3 application. If you don't want to use our ConnectButton component or have a button for a user to click in order to connect to your app, but rather a login page to connect then the ConnectEmbed is what you need. ConnectEmbed give you an "open" connect modal ready for a user to connect a wallet without having to click a "connect" button.

GitHub Repo
Full repo: https://github.com/thirdweb-example/y...
Follow along repo: https://github.com/thirdweb-example/y...

Documentation
ConnectButton: https://portal.thirdweb.com/typescrip...

Connect Playground: https://thirdweb.com/dashboard/connec...

thirdweb Support: https://thirdweb.com/support

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 ConnectEmbed
02:14 Overview of how to create a web3 login page with ConnectEmbed
04:10 Getting started with course repo
05:25 Default ConnectEmbed UI component
07:15 Show a ConnectButton connected state when connected
09:20 Customize the wallets displayed in ConnectEmbed
12:45 Customize the theme and appearance of the ConnectEmbed
16:35 Conclusion

show more

Share/Embed