From 645fb29a2da05dc594d1b1fd0634f961121877b7 Mon Sep 17 00:00:00 2001 From: pinkhoodie Date: Sun, 23 Mar 2025 12:43:12 -0400 Subject: [PATCH 1/2] refactor(portal): update wallet types introduction with improved formatting and content --- .../app/connect/wallet/get-started/page.mdx | 38 ++++++------------- 1 file changed, 12 insertions(+), 26 deletions(-) diff --git a/apps/portal/src/app/connect/wallet/get-started/page.mdx b/apps/portal/src/app/connect/wallet/get-started/page.mdx index 6a2ef9a5205..5efe8dfa68a 100644 --- a/apps/portal/src/app/connect/wallet/get-started/page.mdx +++ b/apps/portal/src/app/connect/wallet/get-started/page.mdx @@ -10,20 +10,24 @@ import { ExternalLink } from "lucide-react"; export const metadata = createMetadata({ image: { - title: "Get started with Connect", + title: "Get started with thirdweb Wallets", icon: "wallets", }, - title: "Get started with Connect", - description: "Get started with Connect", + title: "Get started with wallets", + description: "Get started with wallets", }); -# Get Started with Connect +# Get Started with thirdweb Wallet -Connect offers multiple ways to integrate wallet functionality in your application: +There are 4 types of wallets you can integrate into your app with thirdweb: -1. **External Wallets** - Connect to existing wallets like MetaMask, Coinbase Wallet, etc. -2. **In-App Wallets** - Create wallets with social/email login. -3. **Ecosystem Wallets** - Create wallets with social/email login that is shareable across various applications. +- **External Wallets** - Connect to existing [web3](#) wallets like MetaMask, Coinbase Wallet, etc. + +- **In-App Wallets** - Create [embedded, branded and customizable](#) wallets for your [app, or game](#). + +- **Ecosystem Wallets** - Create a branded and customizable wallet offering users a unified identity across your entire ecosystem of apps or games. + +- **Smart wallets** - leverage account abstraction to unlock complex functionality such as [gasless & signless transactions](#). These methods can be used independently or together in the same application to provide the best experience for your users. @@ -696,24 +700,6 @@ Before diving into the implementation, check out our playground to see all the v -## Performance Considerations - -Optimize your wallet implementation: - -1. **Create Client Once** - - Initialize the thirdweb client once and reuse it - - Avoid recreating the client for each operation - -2. **Caching** - - Use built-in React query capabilities - - Avoid polling or constant refetching - - Implement proper state management - -3. **Lazy Loading** - - The SDK loads wallet connectors on demand - - Modularity reduces bundle size - - Only import what you need - ## Next Steps After setting up wallet functionality, explore these advanced topics: From 8cea85cc0418a44d30008d5d15a27e79169e361c Mon Sep 17 00:00:00 2001 From: pinkhoodie Date: Sun, 23 Mar 2025 12:59:56 -0400 Subject: [PATCH 2/2] final revisions to wallet get started --- .../app/connect/wallet/get-started/page.mdx | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/apps/portal/src/app/connect/wallet/get-started/page.mdx b/apps/portal/src/app/connect/wallet/get-started/page.mdx index 5efe8dfa68a..c8dbae18c2a 100644 --- a/apps/portal/src/app/connect/wallet/get-started/page.mdx +++ b/apps/portal/src/app/connect/wallet/get-started/page.mdx @@ -10,24 +10,21 @@ import { ExternalLink } from "lucide-react"; export const metadata = createMetadata({ image: { - title: "Get started with thirdweb Wallets", + title: "Get started with wallets", icon: "wallets", }, title: "Get started with wallets", description: "Get started with wallets", }); -# Get Started with thirdweb Wallet +# Get Started with wallets -There are 4 types of wallets you can integrate into your app with thirdweb: +There are 4 types of wallets you can integrate into your app with thirdweb: -- **External Wallets** - Connect to existing [web3](#) wallets like MetaMask, Coinbase Wallet, etc. - -- **In-App Wallets** - Create [embedded, branded and customizable](#) wallets for your [app, or game](#). - -- **Ecosystem Wallets** - Create a branded and customizable wallet offering users a unified identity across your entire ecosystem of apps or games. - -- **Smart wallets** - leverage account abstraction to unlock complex functionality such as [gasless & signless transactions](#). +- **External Wallets** - Connect to existing web3 wallets like MetaMask, Coinbase Wallet, etc. +- **In-App Wallets** - Create embedded, branded and customizable wallets for your app, or game. +- [**Ecosystem Wallets**](/connect/wallet/ecosystem/set-up) - Create a branded and customizable wallet offering users a unified identity across your entire ecosystem of apps or games. +- [**Smart Wallets (Account Abstraction)**](/connect/account-abstraction/get-started) - leverage account abstraction to unlock complex functionality such as gasless & signless transactions. These methods can be used independently or together in the same application to provide the best experience for your users. @@ -159,7 +156,7 @@ Before diving into the implementation, check out our playground to see all the v ### Setup Ecosystem Wallet - Create shareable wallets across multiple applications: + Create a single unified identity for your users with our branded, customizable wallets built for supporting multiple apps and games within an entire ecosystem. ```typescript import { createThirdwebClient, ecosystemWallet } from "thirdweb";