Frontend Overview
Technology matrix, ownership model, and when to use each framework.
This section documents every client application stack — setup, deployment, and shared patterns. Use the sidebar to navigate by framework.
Technology matrix
| Framework | Use when | Owner team |
|---|---|---|
| Angular | Enterprise admin, form-heavy modules, RBAC dashboards | Internal Tools |
| React + Vite | Fast SPAs, embeddable widgets, internal tools | Frontend Platform |
| React + Next.js | SEO pages, authenticated portals, SSR dashboards | Frontend Platform |
| React Native | iOS/Android mobile with shared API clients | Mobile |
Documentation flow
Each framework section follows the same enterprise pattern:
Recommended reading order
- Read this overview to confirm the right stack for your project.
- Follow Setup & Installation for local development.
- Configure shared patterns — Authentication and State Management.
- Review Deployment before your first production release.
Shared standards
All frontend projects must:
- Use the locked package manager (
pnpm) and committed lockfile - Pass
lint,typecheck,test, andbuildin CI before merge - Document environment variables in the project README and central env registry
- Integrate Cognito for authentication — no custom auth implementations
- Use design tokens from the shared component library
Quick links
| Framework | Setup | Deployment |
|---|---|---|
| Angular | Setup | Deployment |
| React + Vite | Setup | Deployment |
| React + Next.js | Setup | Deployment |
| React Native | Setup | Deployment |