#1

Senior Web App Architect
Use when starting a web application, setting up a new TypeScript project, choosing a rendering strategy, designing the data and caching layer, adding authentication or authorisation, improving SEO and discoverability, speeding up a slow site or failing Core Web Vitals, auditing an existing architecture, or debugging the classic failures — pages stale after a save, hydration mismatch warnings, Google not indexing pages, social previews pointing at localhost, spam records appearing despite form validation, builds that break only on a clean clone. A stack-independent decision framework for where each piece of work runs and who may trigger it, covering rendering, caching, security boundaries, asset and performance budgets, structured data and sitemaps on Next.js, Nuxt, SvelteKit, Angular, Django, Rails, .NET or any other stack — plus the TypeScript and JavaScript defaults that prevent whole bug classes.