Deploying Your First App
summary
A step‑by‑step demo shows creating a Scaffold‑ETH project with npx create-eth@latest, choosing Foundry or Hardhat, spinning up an anvil local chain, and starting the front end; a burner wallet + faucet supplies fake ETH so transactions work without MetaMask. A uint256 counter and increment() are added, deployed locally, and the Debug UI plus React hooks like useScaffoldRead and useScaffoldWrite wire the contract to the page — the button increments the on‑page counter — then yarn deploy pushes to Arbitrum/mainnet.
AI-written summary · about
chapters (29)
- 0:00Introduction and agenda
- 0:31Workshop topics overview
- 0:49Ethereum Foundation tour initiative
- 1:20Build Guild overview
- 1:41Scaffold-ETH introduction
- 2:00Speedrun Ethereum curriculum
- 2:38Two-hour session roadmap
- 2:57Simple contract demo in Remix
- 3:36Exploring the WETH contract
- 4:15How code manages real value
- 4:30Creating a Scaffold-ETH project
- 4:53Foundry vs. Hardhat setup
- 5:46Project installation and setup
- 6:12Running a local Anvil chain
- 6:46Starting the front end
- 7:29Deploying the starter contract
- 7:49Tour of the example contract
- 8:31Burner wallet and faucet usage
- 9:12Using the Debug UI
- 9:50Writing and testing the greeting function
- 10:13Adding a counter variable
- 10:35Implementing the increment function
- 11:20Solidity learning resources
- 11:38Testing the counter in the UI
- 11:58Customizing the front end with React
- 12:18Using Scaffold-ETH hooks
- 12:39Adding contract interactions in React
- 13:08Auto-generating UI components
- 13:41Deploying to testnet and mainnet
related talks
01h 03mBeginners Track Welcome & Speedrun Ethereum Introduction
20mWhat's New in Scaffold-ETH
31mBuidl Full Stacks dapps Fast!- 20mWhat's New in
01h 16mScaffold-eth Workshop
29mBuilding Onchain in the Age of Agency With BuidlGuidl
32mThe Best Stack For Building Ethereum Apps And How To One Shot Bangers
34mBuilding Apps on Ethereum