04

Web Architecture Patterns

> choose_the_right_stack()

Choose the right architecture for AI-driven web projects. Learn decision trees for SPA vs SSR vs static, prompting strategies by project type, and when vanilla HTML beats frameworks.

Back to University

Expansion Guides

// pick the stack that matches the problem

01

Architecture Decision Tree for AI Projects

SPA vs SSR vs SSG vs Vanilla - Choose wisely

Not every project needs React. Learn the decision tree for choosing web architecture when building with AI. Match complexity to requirements, not hype.

SPA vs SSR Static Site Generation Decision Framework Trade-offs
02

Prompting Strategies by Project Type

Different architectures need different prompts

Building a Next.js app requires different AI prompts than a Rails monolith. Learn architecture-specific prompting strategies that get better results from AI coding assistants.

Framework Patterns Context Optimization Prompt Templates Stack-Specific Tips
03

When to Go Simple: The Vanilla HTML Case

Sometimes no framework is the right framework

AI makes vanilla JavaScript viable again. Learn when skipping frameworks leads to faster development, easier maintenance, and better results. Real examples from production sites.

No Build Step Progressive Enhancement Simplicity Case Studies

Free Primers