Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit c11a251

Browse files
joaniekubealexandratran
joaniekube
and
alexandratran
authored
Update beginner's tutorial (MetaMask#1276)
* add tutorial * move tutorial * Add beginner tutorial * update page * Update link * Update docusaurus.config.js * Update index.md * update with suggestions * remove space * Update javascript-dapp-simple.md * Apply suggestions from code review Co-authored-by: Alexandra Tran Carrillo <[email protected]> * add live serve example * Update with suggestions * Update with suggestions and to make more like other tutorials * Apply review suggestions * Update tutorial * add images * move images * change position * remove extra image * Add * add beginner tutorial to js * return this got autogenerated * Update wallet-sidebar.js * edit tutorial * remove duplicate image * update sidebar number --------- Co-authored-by: Alexandra Tran Carrillo <[email protected]> Co-authored-by: Alexandra Tran <[email protected]>
1 parent 300340d commit c11a251

11 files changed

Lines changed: 358 additions & 74 deletions

File tree

‎docs/whats-new.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ of the [MetaMask developer page](https://metamask.io/developer/).
1111

1212
## May 2024
1313

14+
- Added a beginner tutorial for [creating a simple dapp](/wallet/tutorials/javascript-dapp-simple) using vanilla JavaScript.
15+
([#1276](https://github.com/MetaMask/metamask-docs/pull/1276))
1416
- Discontinued support for [`eth_sign`](/wallet/concepts/signing-methods/#eth_sign).
1517
([#1319](https://github.com/MetaMask/metamask-docs/pull/1319/))
1618
- Documented [Snaps initial connections](/snaps/reference/permissions/#initial-connections).

‎docusaurus.config.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -143,8 +143,8 @@ const config = {
143143
to: "/wallet/how-to/connect",
144144
},
145145
{
146-
from: ["/wallet/get-started/detect-metamask", "/wallet/how-to/detect-metamask", "/wallet/how-to/detect-wallet/metamask"],
147-
to: "/wallet/how-to/connect/detect-metamask",
146+
from: ["/wallet/get-started/detect-metamask", "/wallet/how-to/detect-metamask", "/wallet/how-to/detect-wallet/metamask", "/wallet/how-to/connect/detect-metamask"],
147+
to: "/wallet/tutorials/javascript-dapp-simple",
148148
},
149149
{
150150
from: ["/guide/accessing-accounts", "/wallet/how-to/access-accounts", "/wallet/get-started/access-accounts"],

‎wallet-sidebar.js‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,10 @@ const sidebar = {
2626
type: "doc",
2727
id: "tutorials/react-dapp-local-state",
2828
},
29+
{
30+
type: "doc",
31+
id: "tutorials/javascript-dapp-simple",
32+
},
2933
],
3034
},
3135
{

‎wallet/assets/tutorials/beginner-tutorial/account.png‎

47.3 KB
Loading

‎wallet/assets/tutorials/beginner-tutorial/connect.png‎

493 KB
Loading

‎wallet/assets/tutorials/beginner-tutorial/enable-button.png‎

19.4 KB
Loading

‎wallet/concepts/wallet-interoperability.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,6 @@ See the [list of wallets that support EIP-6963](https://github.com/WalletConnect
125125
## Backwards compatibility
126126

127127
Dapps that do not support EIP-6963 can still
128-
[detect MetaMask using the `window.ethereum` provider](../how-to/connect/detect-metamask.md).
128+
[detect MetaMask using the `window.ethereum` provider](/wallet/tutorials/javascript-dapp-simple).
129129
However, we recommend adding support to improve the user experience for multiple installed wallets.
130130
Read more about [EIP-6963 backwards compatibility](https://eips.ethereum.org/EIPS/eip-6963#backwards-compatibility).

‎wallet/how-to/connect/detect-metamask.md‎

Lines changed: 0 additions & 71 deletions
This file was deleted.

‎wallet/how-to/connect/index.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,10 @@ This approach allows you to detect multiple installed wallets and connect to the
1616
Learn more about EIP-6963 in [Wallet interoperability](../../concepts/wallet-interoperability.md).
1717
:::
1818

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

‎wallet/index.mdx‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,11 @@ If you're new to integrating dapps with MetaMask, check out the following topics
5959
href: "tutorials/react-dapp-local-state",
6060
title: "🛠️ Create a React dapp tutorial",
6161
description: "Follow the tutorial to create a React dapp and integrate it with MetaMask.",
62+
},
63+
{
64+
href: "tutorials/javascript-dapp-simple",
65+
title: "🛠️ Create a simple dapp tutorial",
66+
description: "Follow the tutorial to create a simple dapp and integrate it with MetaMask.",
6267
}
6368
]}
6469
/>

0 commit comments

Comments
 (0)