3. Full-Stack dApp Basics
Use Scaffold-ETH 2 to quickly build a contract, frontend, wallet connection, and testnet deployment.
Topics
Section titled “Topics”- Scaffold-ETH 2: Next.js, RainbowKit, Wagmi, Hardhat / Foundry
npx create-eth@latest- Project structure:
packages/hardhat/packages/nextjs - Contract and frontend interaction
- Debug Contracts page
- SpeedRun Ethereum
Start questflow - Challenge 0: Tokenization / NFT
Assigned Lessons
Section titled “Assigned Lessons”- Provider / Signer Intro
- Web2 to Web3: Scaffold-ETH + Solidity Review
- SpeedRun Challenge 0: NFT
- SpeedRun Challenge 1: Staking
- SpeedRun Challenge 2: Token Vendor
- Cyfrin Updraft: Foundry Simple Storage
- Build an App on Ethereum in 8 Minutes
- Ethers: Write Contract
Lab Tasks
Section titled “Lab Tasks”- Create a Scaffold-ETH 2 project
- Modify the sample contract
- Read and write contract state from the frontend
- Complete SpeedRun Challenge 0
- Submit a testnet deployment link
Learning Outcomes
Section titled “Learning Outcomes”- Bootstrap a full-stack dApp with Scaffold-ETH 2
- Connect a wallet and interact with a contract
- Complete the SpeedRun Ethereum Tokenization challenge
- Organize GitHub, deployment, and block explorer links