WebForge 2026 // Section 01

<Workshop Days/>

Not three workshops. A development workflow.

Three days that take a participant from an idea to a working, deployed web application — with AI treated as part of the engineering workflow rather than a shortcut around it.

Day_01 // 11 October 2026 · 4:00–6:00 PM · E231

Planning & Development Workflow

Turning a problem into a structured development plan before writing code.

Understand requirements and constraints
Break a project into features
Plan application structure
Think about frontend and backend responsibilities
Use AI strategically in planning

Status: foundation_ready // Output: requirements, architecture, task breakdown

webforge_project — requirements.md

# requirements.md ## Core objective Build a web application that lets users… ## Features - [x] User authentication - [ ] Real-time dashboard - [ ] Data visualization widget # frontend/ backend/ architecture/ tasks.md

Day_02 // 12 October 2026 · 4:00–6:00 PM · E231

Full-Stack Development & Debugging

Turning the plan into a working application and learning how to diagnose problems when things break.

Connect frontend and backend logic
Work with application state and data
Implement and consume APIs
Understand errors and debug systematically
Use AI to investigate, not just rewrite

Status: system_running // Output: a connected frontend, backend, and data layer

~/webforge_project/server

$ npm run dev > starting development server… ✓ frontend ready on port 3000 ✓ api connected ✗ error: connection refused (db:5432) > investigating with the AI assistant… ✓ resolved: database credentials updated $

Day_03 // 14 October 2026 · 4:00–6:00 PM · E231

Deployment, Domains & Production Readiness

The final preparation stage: take the application from localhost to a real production URL, point a domain at it, make it discoverable, and measure it.

Deploy the application with Vercel
Configure DNS and the domain in Cloudflare
Submit the site to search engines
Measure performance with PageSpeed Insights
Verify the production build before it is judged

Module focus: deploy → domain → index → measure // Status: webforge_ready

deployment_readiness

$ vercel --prod ✓ production: https://team.webforge.dev $ webforge check --readiness core features pass error handling pass ui polish in_progress dns + indexing pass readiness 98%

// Toolchain

The tools taught across the three days

Each tool is introduced at the point in the workflow where a team actually needs it.

planExcalidraw designVariant buildVS Code buildClaude Code buildCodex dataFirebase Auth dataFirebase Persistence versionGitHub deployVercel domainCloudflare DNS indexGoogle Search Console indexBing Webmaster Tools measurePageSpeed Insights