🏗
🏗
🏗
🏗
Scaffold-eth | Docs
Search…
🏗
Welcome to Scaffold-eth
Getting Started
📥
Installation
🚀
Quick Start
👩🔬 Deploying Your Contracts
🚢
Shipping Your App
Toolkit
📚
The Scaffold-eth Stack
🔮
Solidity
👷♂️ Hardhat
🧰
React
🛠
Ethers
🐜
Ant Design
🧰
Libraries, Components & Services
👩🏫 Troubleshooting
🚧
Infrastructure
Speed run challenge course
🧙♂️ About the Speed Run
🖼 Simple NFT
🥩
Decentralized Staking App
🏵
Token Vendor
✍️ Multi-Sig
🔮
Implementing an Oracle
📉
Minimum Viable DEX
🎨
NFT Marketplace
😱
Create a Stream
🗄
Indexer & Node
Example Branches
👀
Overview
💥
Common Web3 Patterns
💵
DeFi
🎫
NFTs
🚓
Security
🚧
Infrastructure
⚖️ Layer 2 and Scaling
Community
Projects built with Scaffold-eth
Contribute to Scaffold-eth
BuidlGuidl.com
Support
Getting help
Changelog
Support Scaffold-eth & BuidlGuidl
Powered By
GitBook
🧰
React
Scaffold-eth utilizes React for the frontend. It's fairly ubiquitous in web2 and pretty much the standard in the Ethereum ecosystem.
Scaffold-eth uses React for the frontend. You can learn more about React here:
https://reactjs.org/
React tutorial:
https://reactjs.org/tutorial/tutorial.html
Complete guide to react - Udemy guide (low cost, highly effective):
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
Editing your frontend
To get started, edit your frontend here:
App.jsx
in
packages/react-app/src
📡
Make sure your
targetNetwork
is the same as
👷
HardHat's
defaultNetwork
(where you deployed your contracts):
Set your targetNetwork
🤡
Adjust your debugging settings as needed along with wether or not you want to use a burner wallet and use the network check switches.
For more information about the React components, helpers, and hooks that come out of the box with Scaffold-eth checkout the React App section.
Previous
👷♂️ Hardhat
Next
Ethers
Last modified
11mo ago
Copy link
On this page
Editing your frontend