@@ -10,20 +10,24 @@ import { ExternalLink } from "lucide-react";
1010
1111export const metadata = createMetadata ({
1212 image: {
13- title: " Get started with Connect " ,
13+ title: " Get started with thirdweb Wallets " ,
1414 icon: " wallets" ,
1515 },
16- title: " Get started with Connect " ,
17- description: " Get started with Connect " ,
16+ title: " Get started with wallets " ,
17+ description: " Get started with wallets " ,
1818});
1919
20- # Get Started with Connect
20+ # Get Started with thirdweb Wallet
2121
22- Connect offers multiple ways to integrate wallet functionality in your application :
22+ There are 4 types of wallets you can integrate into your app with thirdweb :
2323
24- 1 . ** External Wallets** - Connect to existing wallets like MetaMask, Coinbase Wallet, etc.
25- 2 . ** In-App Wallets** - Create wallets with social/email login.
26- 3 . ** Ecosystem Wallets** - Create wallets with social/email login that is shareable across various applications.
24+ - ** External Wallets** - Connect to existing [ web3] ( # ) wallets like MetaMask, Coinbase Wallet, etc.
25+
26+ - ** In-App Wallets** - Create [ embedded, branded and customizable] ( # ) wallets for your [ app, or game] ( # ) .
27+
28+ - ** Ecosystem Wallets** - Create a branded and customizable wallet offering users a unified identity across your entire ecosystem of apps or games.
29+
30+ - ** Smart wallets** - leverage account abstraction to unlock complex functionality such as [ gasless & signless transactions] ( # ) .
2731
2832These methods can be used independently or together in the same application to provide the best experience for your users.
2933
@@ -696,24 +700,6 @@ Before diving into the implementation, check out our playground to see all the v
696700 </TabsContent >
697701</Tabs >
698702
699- ## Performance Considerations
700-
701- Optimize your wallet implementation:
702-
703- 1 . ** Create Client Once**
704- - Initialize the thirdweb client once and reuse it
705- - Avoid recreating the client for each operation
706-
707- 2 . ** Caching**
708- - Use built-in React query capabilities
709- - Avoid polling or constant refetching
710- - Implement proper state management
711-
712- 3 . ** Lazy Loading**
713- - The SDK loads wallet connectors on demand
714- - Modularity reduces bundle size
715- - Only import what you need
716-
717703## Next Steps
718704
719705After setting up wallet functionality, explore these advanced topics:
0 commit comments