WEBFORGE.26 Workshop Days // SHOUG.TECH

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 // 25 October 2026 · 4:00–6:00 PM · Online

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

[ Watch the Day 1 recording -> ]

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 // 26 October 2026 · 4:00–6:00 PM · Online

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 // 28 October 2026 · 4:00–6:00 PM · Online

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%

// Recordings

Watch the workshops

Each workshop session is recorded and posted to the ACM Chapter @PSU YouTube channel, in the WebForge Workshop 2026 playlist. New sessions are added to the playlist as they are published.

[ Open the playlist -> ] [ ACM Chapter @PSU on YouTube ]

// 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

<Workshop Days/>