* Add discord, twitter, and github icons. * Update docusaurus. * Move security page to sidebar. * Remove copyright from site footers. * Add caret icons for dropdown css override. * Build and style custom docs navbar. * Resolve Icon merge conflict. * Change Developers dropdown to Builders. * lint: Remove unused variable * Add tutorials; initial commit * Add and display new frontmatter * Convert tutorials to single page pt. 1 * Update tutorial data; fix paths * Ecopage - rubyscore + lore logos (#373) * Update ecosystem.json (#374) * Fix incorrectly rendering open graph metadata (#369) * feat(web): Serve dynamic og:metadata server-side * feat(docs): Serve dynamic og:metadata server-side * fix(web): Resolve linting errors * fix(web): Linting * fix(web): Additional linting corrections * fix(web): Resolve Typescript-related syntax error * refactor(web): Add ogData to data structure * fix(ecosystem): Typo in partner image name (#375) * feat(bridge): Add planned paused note to top of page (#376) * Update hyperframes to use state (#377) * Update hyperframes to use state * Respond to feedback * fix(bridge): Add default open graph metadata (#378) * Added Moralis to data indexers (#371) * Added Moralis to data indexers * typos * Update copy * Remove superlatives --------- Co-authored-by: taycaldwell <taylor.lee.caldwell@gmail.com> * docs(bridge): Update bridge pause to new date (#381) * mention setting `OP_NODE_L1_BEACON` (#380) * feat(docs): Add Uniswap V3 Base Sepolia contracts (#382) * Improve loading experience on jobs page (#389) * Docs Site Revamp: Navbar, Sidebar, and Doc Page (#379) * Add discord, twitter, and github icons. * Update docusaurus. * Move security page to sidebar. * Remove copyright from site footers. * Add caret icons for dropdown css override. * Build and style custom docs navbar. * Resolve Icon merge conflict. * Change Developers dropdown to Builders. * lint: Remove unused variable * Re-add node polyfills required for cookie manager to work. * Disable DocFeedback component. * Disable paginator and table of contents. * Add collapse icons for css override. * Fix Modal overlay styles. * Adjust DocChat floating button position. * Reorganize and restyle sidebar for new design. * Update gray0 and modal overlay styles. * Add stylesheet for new doc page styles. * Remove TODO. Add sidebar link hover styles. * Move responsive styles to bottom. * Disable breadcrumb component. Update layout spacing. --------- Co-authored-by: taycaldwell <taylor.lee.caldwell@gmail.com> * refactor(bridge): Drop bridge maintenance notice (#390) * Add tutorials; initial commit * Add and display new frontmatter * Update tutorial data * Fix frontmatter * Update TOC * Update tutorials page * Update toc margin * fix nested categories in sidebar * Add all tutorials back link --------- Co-authored-by: Jacob Moore <jacob.moore@coinbase.com> Co-authored-by: Kathryn <kathryn.snow@coinbase.com> Co-authored-by: wbnns <hello@wbnns.com> Co-authored-by: Brian Doyle <brian.doyle@coinbase.com> Co-authored-by: Filip Martinsson <martinsson.filip@gmail.com> Co-authored-by: abhi <abhijeet.bhagat@gmx.com> Co-authored-by: Matthew Bunday <matthew.bunday@coinbase.com>
4.3 KiB
title, sidebar_position, slug, description, keywords, hide_table_of_contents
| title | sidebar_position | slug | description | keywords | hide_table_of_contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Using Base | 1 | /using-base | How to integrate Base with popular wallets like Coinbase Wallet and MetaMask, covering both mainnet and testnet configurations. |
|
true |
Using Base with your wallet
Coinbase Wallet
The Coinbase Wallet browser extension provides support for Base by default.
To use Base with Coinbase Wallet:
- Open the Coinbase Wallet browser extension and log in to your account.
- Connect to an app using Coinbase Wallet.
- Open the network selection menu by clicking the network icon in the upper right-hand corner.
- Select Base.
Your active network should now be switched to Base.
Other wallets
Base can be added as a custom network to any EVM-compatible wallet (i.e. MetaMask).
MetaMask
To add Base as a custom network to MetaMask:
-
Open the MetaMask browser extension.
-
Open the network selection dropdown menu by clicking the dropdown button at the top of the extension.
-
Click the Add network button.
-
Click Add a network manually.
-
In the Add a network manually dialog that appears, enter the following information for Base mainnet:
Name Value Network Name Base Mainnet Description The public mainnet for Base. RPC Endpoint https://mainnet.base.org Chain ID 8453 Currency Symbol ETH Block Explorer https://basescan.org -
Tap the Save button to save Base as a network.
You should now be able to connect to the Base by selecting it from the network selection dropdown menu.
Testnet
Coinbase Wallet browser extension provides support for Base Sepolia testnet by default.
To use Base Sepolia with Coinbase Wallet:
- Open the Coinbase Wallet browser extension and log in to your account.
- Connect to an app using Coinbase Wallet.
- Open the network selection menu by clicking the network icon in the upper right-hand corner.
- Click the More networks button.
- Navigate to the Testnets tab.
- Select Base Sepolia.
Your active network should now be switched to Base testnet.
Other wallets
Base Sepolia can be added as a custom network to any EVM-compatible wallet (i.e. MetaMask).
MetaMask
To add Base Sepolia as a custom network to MetaMask:
-
Open the MetaMask browser extension.
-
Open the network selection dropdown menu by clicking the dropdown button at the top of the extension.
-
Click the Add network button.
-
Click Add a network manually.
-
In the Add a network manually dialog that appears, enter the following information for the Base Sepolia testnet:
Name Sepolia Network Name Base Sepolia RPC Endpoint https://sepolia.base.org Chain ID 84532 Currency Symbol ETH Block Explorer https://sepolia-explorer.base.org/ -
Tap the Save button to save Base Sepolia as a network.
You should now be able to connect to the Base testnet by selecting it from the network selection dropdown menu.