initial updates

docusaurus.config.js

@@ -205,7 +205,7 @@ const config = {
           },
           {
             to: "wallet",
-            label: "Wallet",
+            label: "Wallet API",
           },
           {
             to: "snaps",
@@ -265,7 +265,7 @@ const config = {
                 to: "/sdk",
               },
               {
-                label: "Wallet",
+                label: "Wallet API",
                 to: "/wallet",
               },
               {

sdk-sidebar.js

@@ -20,7 +20,9 @@ const sidebar = {
     {
       type: "category",
       label: "Get started",
-      link: { type: "generated-index", slug: "/get-started" },
+      link: {
+        type: "generated-index",
+        slug: "/get-started",      },
       collapsed: false,
       items: [{ type: "autogenerated", dirName: "get-started" }],
     },
@@ -31,20 +33,6 @@ const sidebar = {
       collapsed: false,
       items: [{ type: "autogenerated", dirName: "how-to" }],
     },
-    {
-      type: "category",
-      label: "Concepts",
-      link: { type: "generated-index", slug: "/concepts" },
-      collapsed: false,
-      items: [{ type: "autogenerated", dirName: "concepts" }],
-    },
-    {
-      type: "category",
-      label: "Tutorials",
-      link: { type: "generated-index", slug: "/tutorials" },
-      collapsed: false,
-      items: [{ type: "autogenerated", dirName: "tutorials" }],
-    },
     {
       type: "category",
       label: "Reference",

sdk/get-started/gaming/index.md

@@ -1,6 +1,6 @@
 ---
 sidebar_label: Gaming
-sidebar_position: 4
+sidebar_position: 5
 description: Set up the SDK in your gaming dapp.
 ---
 

sdk/get-started/javascript/index.md

@@ -1,6 +1,6 @@
 ---
 sidebar_label: JavaScript
-sidebar_position: 2
+sidebar_position: 3
 description: Set up the SDK in your JavaScript dapp.
 ---
 

sdk/get-started/mobile/index.md

@@ -1,6 +1,6 @@
 ---
 sidebar_label: Mobile
-sidebar_position: 3
+sidebar_position: 4
 description: Set up the SDK in your mobile dapp.
 ---
 

sdk/get-started/javascript/react-native.md → sdk/get-started/mobile/react-native.md

@@ -1,6 +1,6 @@
 ---
 sidebar_label: React Native and Expo
-sidebar_position: 4
+sidebar_position: 3
 description: Set up the SDK in your React Native dapp.
 ---
 

sdk/get-started/multi-wallet-connectors/index.md

@@ -0,0 +1,9 @@
+---
+sidebar_label: Multi-wallet connectors
+sidebar_position: 2
+description: Set up the SDK using multi-wallet connectors.
+---
+
+# Multi-wallet connectors
+
+Coming soon.

sdk/index.md

@@ -5,63 +5,33 @@ description: Use the SDK in your dapp.
 
 # MetaMask SDK documentation
 
-[MetaMask SDK](concepts/about-sdk.md) is a library that provides a reliable, secure, and seamless
-connection from your dapp to the MetaMask browser extension and MetaMask Mobile.
+MetaMask SDK is a library that provides a reliable, secure, and seamless connection from your dapp
+to the MetaMask browser extension and MetaMask Mobile.
+You can install the SDK in existing dapps, and call any [Wallet API](/wallet) methods from your dapp.
+
+## Why MetaMask SDK?
+
+MetaMask SDK enables your dapp to provide a seamless user experience for MetaMask users, from
+multiple dapp platforms, without relying on third-party libraries.
 By integrating your dapp using the SDK, millions of MetaMask Mobile users can connect to their
 preferred MetaMask client.
-The SDK supports the following dapp platforms:
+The SDK uses the [MetaMask Ethereum provider](/wallet/concepts/wallet-api/#ethereum-provider-api),
+so existing dapps work out of the box with the SDK.
+
+The following table outlines some of the features available when you integrate your dapp with
+MetaMask using the SDK.
+Most of these features are not available if you only integrate your dapp directly using the
+[Wallet API](/wallet).
 
-<div class="cards">
-  <div class="card">
-    <div class="card__header">
-      <h3>💻 <a href="get-started/javascript">JavaScript</a></h3>
-    </div>
-    <div class="card__body">
-      <ul>
-        <li><a href="get-started/javascript/react">React</a></li>
-        <li><a href="get-started/javascript/pure-js">Pure JavaScript</a></li>
-        <li><a href="get-started/javascript/other-web-frameworks">Other web frameworks</a></li>
-        <li><a href="get-started/javascript/react-native">React Native</a></li>
-        <li><a href="get-started/javascript/nodejs">Node.js</a></li>
-        <li><a href="get-started/javascript/electron">Electron</a></li>
-      </ul>
-    </div>
-  </div>
-  <div class="card">
-    <div class="card__header">
-      <h3>📱 <a href="get-started/mobile">Mobile</a></h3>
-    </div>
-    <div class="card__body">
-      <ul>
-        <li><a href="get-started/javascript/react-native">React Native</a></li>
-        <li><a href="get-started/mobile/ios">iOS</a></li>
-        <li><a href="get-started/mobile/android">Android</a></li>
-      </ul>
-    </div>
-  </div>
-  <div class="card">
-    <div class="card__header">
-      <h3>🎮 <a href="get-started/gaming">Gaming</a></h3>
-    </div>
-    <div class="card__body">
-      <ul>
-        <li><a href="get-started/gaming/unity">Unity</a></li>
-        <li>Unreal Engine (coming soon)</li>
-      </ul>
-    </div>
-  </div>
-</div>
-<div class="card margin-bottom--lg">
-  <div class="card__header">
-    <h3>↔️ <a href="get-started/3rd-party-libraries">Third-party libraries</a></h3>
-  </div>
-  <div class="card__body">
-    <ul>
-      <li><a href="get-started/3rd-party-libraries/web3-onboard">Web3-Onboard</a></li>
-      <li><a href="get-started/3rd-party-libraries/wagmi">Wagmi</a></li>
-    </ul>
-  </div>
-</div>
+| Feature                                                                                       | Wallet API only | MetaMask SDK |
+|-----------------------------------------------------------------------------------------------| :-------------: | :----------: |
+| Connect from a web dapp to the MetaMask extension                                             |       ✅        |      ✅      |
+| Connect from a web dapp to MetaMask Mobile                                                    |       ❌        |      ✅      |
+| Connect from desktop, mobile, and gaming dapps to MetaMask Mobile                             |       ❌        |      ✅      |
+| Use custom RPC methods such as [`connectAndSign`](how-to/javascript/connect-and-sign.md)      |       ❌        |      ✅      |
+| [Display custom modals](how-to/javascript/display-custom-modals.md) in MetaMask               |       ❌        |      ✅      |
+| [Make read-only requests](how-to/javascript/make-read-only-requests.md) using the Infura API  |       ❌        |      ✅      |
+| [Batch multiple RPC requests](how-to/javascript/batch-json-rpc-requests.md)                   |       ❌        |      ✅      |
 
 ## Questions?
 

sdk/concepts/android.md → sdk/reference/android.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 3
+sidebar_position: 4
 description: Learn about the Android SDK architecture.
 ---
 

sdk/concepts/connections.md → sdk/reference/connections.md

@@ -1,5 +1,5 @@
 ---
-sidebar_position: 2
+sidebar_position: 3
 sidebar_label: SDK connections
 description: Learn about how a dapp with the SDK installed connects to MetaMask.
 ---