Skip to content

Commit a12367a

Browse files
alexandratranalexandratran
committed
Update SDK connect guides
1 parent 3af17e4 commit a12367a

File tree

8 files changed

+34
-33
lines changed

8 files changed

+34
-33
lines changed

‎sdk-sidebar.js‎

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -8,29 +8,27 @@ const sidebar = {
88
label: 'Introduction',
99
collapsible: false,
1010
collapsed: false,
11+
link: {
12+
type: "doc",
13+
id: "index"
14+
},
1115
items: [
12-
'introduction/welcome',
1316
'introduction/supported-platforms',
1417
'introduction/supported-networks',
1518
'introduction/llm-prompt',
16-
{
17-
type: 'link',
18-
label: 'Try demo dapp',
19-
href: 'https://metamask-sdk-examples.vercel.app/',
20-
},
2119
],
2220
},
2321
{
2422
type: 'category',
25-
label: 'Quickstart',
23+
label: 'Connect to MetaMask',
2624
collapsible: false,
2725
collapsed: false,
2826
items: [
29-
'quickstart/javascript-wagmi',
30-
'quickstart/javascript',
31-
'quickstart/javascript-dynamic',
32-
'quickstart/javascript-web3auth',
33-
'quickstart/react-native',
27+
'connect/javascript-wagmi',
28+
'connect/javascript',
29+
'connect/javascript-dynamic',
30+
'connect/javascript-web3auth',
31+
'connect/react-native',
3432
],
3533
},
3634
{

sdk/quickstart/javascript-dynamic.md renamed to sdk/connect/javascript-dynamic.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
2-
sidebar_label: Dynamic SDK integration
2+
sidebar_label: Dynamic SDK
33
description: Quickstart guide for using MetaMask SDK and Dynamic SDK.
44
toc_max_heading_level: 2
55
---
66

7-
# MetaMask SDK + Dynamic SDK integration
7+
# Connect to MetaMask using Dynamic SDK
88

99
Get started with MetaMask SDK and [Dynamic SDK](https://docs.dynamic.xyz/introduction/welcome).
1010
You can set up the SDKs in the following ways:

sdk/quickstart/javascript-wagmi.md renamed to sdk/connect/javascript-wagmi.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
---
22
description: Quickstart guide for using the SDK with a JavaScript and Wagmi dapp.
33
toc_max_heading_level: 2
4+
sidebar_label: JavaScript + Wagmi (recommended)
45
---
56

6-
# JavaScript + Wagmi (recommended)
7+
# Connect to MetaMask using JavaScript + Wagmi
78

89
Get started with MetaMask SDK in a JavaScript and Wagmi dapp.
910
You can set up the SDK in the following ways:

sdk/quickstart/javascript-web3auth.md renamed to sdk/connect/javascript-web3auth.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
2-
sidebar_label: Web3Auth SDK integration
2+
sidebar_label: Web3Auth SDK
33
description: Quickstart guide for using MetaMask SDK and Web3Auth SDK.
44
toc_max_heading_level: 2
55
---
66

7-
# MetaMask SDK + Web3Auth SDK integration
7+
# Connect to MetaMask using Web3Auth SDK
88

99
Get started with MetaMask SDK and [Web3Auth SDK](https://web3auth.io/docs/).
1010
You can set up the SDKs in the following ways:

sdk/quickstart/javascript.md renamed to sdk/connect/javascript.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
---
22
description: Quickstart guide for using the SDK with a JavaScript dapp.
3+
sidebar_label: JavaScript
34
---
45

56
import Tabs from "@theme/Tabs";
67
import TabItem from "@theme/TabItem";
78

8-
# JavaScript
9+
# Connect to MetaMask using JavaScript
910

1011
Get started with MetaMask SDK in your JavaScript dapp.
1112

sdk/quickstart/react-native.md renamed to sdk/connect/react-native.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
---
22
description: Quickstart guide for using the SDK with a React Native dapp.
3+
sidebar_label: React Native
34
---
45

56
import Tabs from "@theme/Tabs";
67
import TabItem from "@theme/TabItem";
78

8-
# React Native
9+
# Connect to MetaMask using React Native
910

1011
Get started with MetaMask SDK in your React Native or Expo dapp.
1112

sdk/introduction/welcome.md renamed to sdk/index.md

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
---
22
slug: /
3-
sidebar_label: Welcome
43
description: Introduction page for MetaMask SDK documentation.
54
---
65

@@ -14,7 +13,7 @@ With the SDK, you can:
1413
- Handle transactions.
1514
- Interact with contracts.
1615

17-
[Get started with JavaScript and Wagmi.](quickstart/javascript-wagmi.md)
16+
[Get started by connecting to MetaMask.](connect/javascript-wagmi.md)
1817

1918
## Why use the SDK?
2019

@@ -29,10 +28,10 @@ The benefits of using MetaMask SDK include the following:
2928

3029
## Where do I start?
3130

32-
You can get started quickly with the following dapp platforms:
31+
You can get started by connecting to MetaMask with the following dapp platforms:
3332

34-
- [JavaScript + Wagmi (recommended)](quickstart/javascript-wagmi.md)
35-
- [JavaScript](quickstart/javascript.md)
36-
- [Dynamic SDK integration](quickstart/javascript-dynamic.md)
37-
- [Web3Auth SDK integration](quickstart/javascript-web3auth.md)
38-
- [React Native](quickstart/react-native.md)
33+
- [JavaScript + Wagmi (recommended)](connect/javascript-wagmi.md)
34+
- [JavaScript](connect/javascript.md)
35+
- [Dynamic SDK](connect/javascript-dynamic.md)
36+
- [Web3Auth SDK](connect/javascript-web3auth.md)
37+
- [React Native](connect/react-native.md)

‎wallet/how-to/connect.md‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
11
---
2-
description: Connect to MetaMask using the Wallet API and EIP-6963.
2+
description: Connect to the MetaMask extension using the Wallet API and EIP-6963.
33
toc_max_heading_level: 4
44
---
55

66
# Connect to MetaMask
77

8+
:::tip Building a cross-platform or mobile dapp?
9+
For cross-platform development, mobile integration, or advanced features like QR codes and
10+
deeplinking, connect to MetaMask using [**MetaMask SDK**](/sdk/connect/javascript-wagmi).
11+
:::
12+
813
You can connect your dapp to users' MetaMask wallets by detecting MetaMask in their browsers and
914
connecting to their accounts.
1015
This page provides instructions for connecting to MetaMask using the wallet detection mechanism
@@ -15,11 +20,7 @@ This approach allows you to detect multiple installed wallets and connect to the
1520
Learn more about EIP-6963 in [Wallet interoperability](../concepts/wallet-interoperability.md).
1621
:::
1722

18-
:::tip
19-
To connect to MetaMask without using EIP-6963, see the [Create a simple dapp](../tutorials/javascript-dapp-simple.md) tutorial.
20-
:::
21-
22-
You can connect to MetaMask [using third-party libraries](#connect-to-metamask-using-third-party-libraries)
23+
You can connect to the MetaMask browser extension [using third-party libraries](#connect-to-metamask-using-third-party-libraries)
2324
or [directly using Vite](#connect-to-metamask-directly-using-vite).
2425

2526
## Connect to MetaMask using third-party libraries

0 commit comments

Comments
 (0)