Beginner Workshop, Building a dapp Quickly
summary
Bootstraps a TypeScript monorepo using Scaffold ETH and npx create‑eth, spins up a local Hardhat chain and Next.js frontend, deploys the starter greeter contract, adds a new public boss address, redeploys and regenerates types, and exercises reads and writes via built‑in hooks and prebuilt UI components (DaisyUI/Tailwind). Uses the in‑browser burner wallet and faucet for funding, verifies the contract and pushes the app to Base testnet and live on Vercel — full flow done in about 20 minutes.
AI-written summary · about
chapters (24)
- 0:00Introduction
- 0:32About BuildGuild
- 1:08Build Guild Programs & Scaffold ETH Overview
- 2:27Scaffold ETH Setup & Extensions
- 3:48Project Initialization & Directory Structure
- 5:09Exploring the Starter Smart Contract
- 6:14Running Local Chain & Frontend
- 7:07Deploying & Interacting with the Contract
- 8:38Burner Wallet & Faucet Features
- 9:47Handling ETH/Wei & Contract State
- 10:05Modifying the Smart Contract
- 11:57Next.js Frontend Structure
- 13:15Customizing the UI with DaisyUI & Tailwind
- 15:00Using Pre-built Components & Hooks
- 16:39Displaying & Updating Contract Data
- 17:19Writing to the Contract from the UI
- 19:14Input Handling & State Management
- 19:53Generating & Funding Deployment Accounts
- 21:05Deploying & Verifying on Base Testnet
- 22:21Configuring Frontend for Base
- 23:04Connecting Wallets & Final Deployment to Vercel
- 24:13Making the App Public & Submitting
- 24:28Q&A: Wallets, Security, and Testnet Tokens
- 26:23Closing Remarks
related talks
41mLow-budget JavaScript: composable frontends that are fun and friendly
38mExplosive Velocity with a Modern Stack
01h 52mDAppNode: How to Create the Infrastructure for the Decentralized Web
58mSuper Simple Start to Remix
02h 32mBuild next gen web apps using web components
29mThe stack of the Future
12mLaunching Projects Faster with We Deploy
30mCreating UI for your Smart Contract