Walkthroughs of real work.
Screen-recorded YouTube walkthroughs showing Claude and Cowork doing the work, end-to-end, on real small-business use cases.
Prefer to read alongside? Full lesson text on the DreamForge Academy
- Walkthrough
DreamForge World - introduction
Orientation video: a tour of the DreamForge world and what we'll build together across the Agentic App Builders lesson series.
Read the full lesson notes on the Academy - Walkthrough
Agentic App Builders · Lesson 1 - Build your first website with AI
Set expectations and get the lay of the land. By the end you'll know what you're building, what each tool you'll install does, and how to work with an AI coding partner.
Read the full lesson notes on the AcademyLearning objectives
- Describe the finished website you will publish by the end of this course.
- Explain in plain English what each tool you will install does.
- Picture the journey from "code on your computer" to "site on the internet."
- Set realistic expectations for working with an AI coding partner.
- Walkthrough
Agentic App Builders · Lesson 2 - Build your first website with AI
Install your toolchain: VS Code, Node.js, and Git on Mac or Windows. End the lesson knowing where projects live, how to open a terminal in VS Code, and how to verify everything by reading version numbers.
Read the full lesson notes on the AcademyLearning objectives
- Install Visual Studio Code, Node.js, and Git on either Mac or Windows.
- Open a terminal inside VS Code and run your first commands.
- Verify your installs by reading version numbers.
- Know where your projects will live on disk and why that matters.
- Walkthrough
Agentic App Builders · Lesson 3 - Build your first website with AI
Stand up your free GitHub and Vercel accounts and link them together. You'll learn in plain English what each one does - and what the free tier covers for a personal landing page.
Read the full lesson notes on the AcademyLearning objectives
- Create a free GitHub account and understand what it stores.
- Create a free Vercel account and link it to GitHub.
- Explain in plain English the difference between GitHub and Vercel.
- Recognise what "free tier" includes for a personal landing page.
- Walkthrough
Agentic App Builders · Lesson 4 - Build your first website with AI
Pick your AI coding partner. Define agentic coding in plain English, compare Claude Code and Codex at a beginner-useful level, install one, and send your first useful prompt.
Read the full lesson notes on the AcademyLearning objectives
- Define agentic coding in plain English.
- Compare Claude Code and Codex at a beginner-useful level.
- Pick one agent and install it.
- Send your first useful prompt and read the response critically.
- Walkthrough
Agentic App Builders · Lesson 5 - Build your first website with AI
Scaffold a real Next.js project with create-next-app, run the dev server, and visit your site at localhost:3000. Identify the three or four files you'll actually edit across this course.
Read the full lesson notes on the AcademyLearning objectives
- Use
create-next-appto scaffold a brand-new Next.js project. - Run
npm run devand visit your site atlocalhost:3000. - Identify the three or four files you will actually edit during this course.
- Stop and restart the dev server cleanly.
- Use
- Walkthrough
Agentic App Builders · Lesson 6 - Build your first website with AI
Replace the default Next.js homepage with your personal landing page in stages. Half of the lesson is giving your agent enough context - the other half is reading each change before accepting it.
Read the full lesson notes on the AcademyLearning objectives
- Give your AI agent enough context that it produces useful, on-target edits.
- Replace the default Next.js homepage with a personal landing page in stages.
- Read each change in
src/app/page.tsxand confirm it before moving on. - Recognise when to start a fresh prompt versus continuing a conversation.