scaffold-page

Scaffolding a new React page involves generating a component, API client functions, TypeScript types, router entry, and navigation link. This process standardizes file structure and aligns frontend enums with backend Domain enums.

To align frontend TypeScript enums with backend Domain enums, generate TypeScript types from backend DTOs and enforce explicit type definitions. This ensures frontend and backend values stay in sync across the new UI page.

Adding a router entry and navigation link requires matching existing page conventions. You generate a new React route entry alongside a navigation link, applying the project's consistent loading and error handling patterns.

Yes, you can generate API client functions that match existing patterns. The scaffolding process adds one API client function per endpoint consumed by the page, conforming to established request and error handling conventions.

React page scaffolding works with your existing component library and project conventions. It generates the page component using established file structures, layout designs, and consistent styling already present in the application.

Generating TypeScript types from backend DTOs is needed to maintain frontend and backend synchronization. It enforces backend-aligned enum values with explicit type definitions, preventing data mismatch errors across the UI.