Web App Design

Overview

Use this as the user's TypeScript web app architecture guide. Prefer vertical product slices, small named files, page-owned layout, focused widgets, clean backend layers, minimal shared contracts, and Testing Trophy coverage.

Existing Projects First

For existing projects, preserve the project's established framework, package manager, test runner, routing, styling system, and folder conventions unless the user asks for migration. Apply these rules incrementally around touched files.

Use greenfield defaults only for new apps, fresh scaffolds, or explicit migrations.

Dispatch