Skip to content

Commit 75275a4

Browse files
committed
Adding Step, removing conclusion, turning into links.
1 parent cf0bf4e commit 75275a4

File tree

1 file changed

+19
-17
lines changed
  • apps/portal/src/app/connect/wallet/web3-onboard/migration-guide

1 file changed

+19
-17
lines changed

apps/portal/src/app/connect/wallet/web3-onboard/migration-guide/page.mdx

Lines changed: 19 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
1-
# Migration Guide: Blocknative to thirdweb (2025)
1+
import { InstallTabs, Steps, Step, Callout } from "@doc";
2+
3+
# Migration Guide: Blocknative to thirdweb
24

35
## Introduction
46

@@ -14,11 +16,10 @@ Learn how to migrate from Blocknative's Web3Onboard to thirdweb while maintainin
1416
## Prerequisites
1517

1618
- An existing project using Blocknative/Web3Onboard
17-
- Basic familiarity with web3 development
1819

1920
## Migration Steps
20-
21-
### 1. Update Dependencies
21+
<Steps>
22+
<Step title="Update Dependencies">
2223

2324
First, remove the Blocknative packages and install the thirdweb packages:
2425

@@ -30,9 +31,9 @@ npm uninstall bnc-onboard @web3-onboard/core @web3-onboard/injected-wallets
3031
npm install thirdweb
3132

3233
```
34+
</Step>
3335

34-
### 2. Update Configuration (React)
35-
36+
<Step title = "Update Configuration (React)">
3637
Replace your Blocknative configuration with thirdweb's:
3738

3839
### Before (with Blocknative):
@@ -82,8 +83,9 @@ function App() {
8283
}
8384

8485
```
86+
</Step>
8587

86-
### 3. Custom Wallet Configuration
88+
<Step title ="Custom Wallet Configuration">
8789

8890
If you need to support specific wallets:
8991

@@ -115,8 +117,9 @@ function App() {
115117
}
116118

117119
```
120+
</Step>
118121

119-
### 4. Update Wallet Connection Logic
122+
<Step title ="Update Wallet Connection Logic">
120123

121124
Replace the wallet connection logic:
122125

@@ -171,8 +174,9 @@ function WalletConnect() {
171174
}
172175

173176
```
177+
</Step>
174178

175-
### 5. Multi-chain Support
179+
<Step title = "Multi-chain Support">
176180

177181
Configure multi-chain support with thirdweb:
178182

@@ -194,6 +198,9 @@ function App() {
194198
}
195199

196200
```
201+
</Step>
202+
203+
</Steps>
197204

198205
### Common Issues
199206

@@ -209,11 +216,6 @@ function App() {
209216

210217
After successfully migrating, consider exploring additional thirdweb features:
211218

212-
- Smart wallets and account abstraction
213-
- In-app wallets for easier onboarding
214-
- Gas-less transactions
215-
- Advanced wallet management
216-
217-
## Conclusion
218-
219-
By following this guide, you've successfully migrated from Blocknative to thirdweb while maintaining the same wallet support. Your users will experience no disruption in service, and you can now take advantage of thirdweb's comprehensive web3 development platform.
219+
- [Smart wallets and account abstraction](https://portal.thirdweb.com/connect/account-abstraction/overview)
220+
- [In-app wallets for easier onboarding](https://portal.thirdweb.com/connect/wallet/sign-in-methods/configure)
221+
- [Gas-less transactions](https://portal.thirdweb.com/react/v5/account-abstraction/get-started)

0 commit comments

Comments
 (0)