-
Notifications
You must be signed in to change notification settings - Fork 325
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Apply feedback, final edits, sidebar
- Loading branch information
1 parent
fbe7381
commit c4b4611
Showing
4 changed files
with
89 additions
and
79 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
43 changes: 43 additions & 0 deletions
43
apps/base-docs/docs/connecting-to-the-blockchain/overview.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,43 @@ | ||
--- | ||
title: Overview | ||
description: What's in this learning material. | ||
hide_table_of_contents: false | ||
--- | ||
|
||
# Overview of Connecting to the Blockchain | ||
|
||
These guides show you how to connect your frontend to the blockchain using JSON RPC blockchain providers, and the [Rainbowkit], [Wagmi], and [Viem] stack. | ||
|
||
--- | ||
|
||
## Objectives | ||
|
||
By the end of these guides, you should be able to: | ||
|
||
### Blockchain Providers | ||
|
||
- Compare and contrast public providers vs. vendor providers vs. wallet providers | ||
- Select the appropriate provider for several use cases | ||
|
||
### Connecting with a Provider | ||
|
||
- Set up a provider in wagmi and use it to connect a wallet | ||
- Protect API keys that will be exposed to the front end | ||
|
||
--- | ||
|
||
## Prerequisites | ||
|
||
### 1. Be familiar with modern, frontend web development | ||
|
||
In this guide, we'll be working with a React frontend build with [Next.js]. While you don't need to be an expert, we'll assume that you're comfortable with the basics. | ||
|
||
### 2. Possess a general understanding of the EVM and smart contract development | ||
|
||
These guides assume that you're reasonably comfortable writing basic smart contracts. If you're just getting started, jump over to our [Basecamp] guides and start learning! | ||
|
||
[Basecamp]: https://base.org/camp | ||
[Next.js]: https://nextjs.org/ | ||
[Rainbowkit]: rainbowkit.com/ | ||
[Wagmi]: https://wagmi.sh/ | ||
[Viem]: https://viem.sh/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters