Skip to content

quick get started docs fixes per Jem's revisions #6525

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Mar 23, 2025
Merged

quick get started docs fixes per Jem's revisions #6525

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
645fb29
refactor(portal): update wallet types introduction with improved form…
pinkhoodie Mar 23, 2025
8cea85c
final revisions to wallet get started
pinkhoodie Mar 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 10 additions & 27 deletions apps/portal/src/app/connect/wallet/get-started/page.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,20 +10,21 @@ import { ExternalLink } from "lucide-react";

export const metadata = createMetadata({
image: {
title: "Get started with Connect",
title: "Get started with 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 wallets

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**](/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.

Expand Down Expand Up @@ -155,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";
Expand Down Expand Up @@ -696,24 +697,6 @@ Before diving into the implementation, check out our playground to see all the v
</TabsContent>
</Tabs>

## 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:
Expand Down