frontend-site

What problem does it solve?

This Skill helps developers avoid broken public site pages, mismatched server-side rendering hydration, and inconsistent route data by documenting and guiding changes to the Madoc TypeScript site structure and SSR wiring.

Core Features & Use Cases

• Route discovery and documentation: Locate and document the site route tree and the page components responsible for each public route.
• SSR and loader alignment: Identify server entrypoints and route loaders that must be kept in sync to preserve hydration and client-side navigation.
• Site layout and shared UI guidance: Clarify where site-specific layouts and shared site UI components live to prevent accidental reuse of admin-only code.
• Use Case: When adding a new public page, use this Skill to find the route in routes.tsx, locate its server loader in server.ts, confirm necessary shared components, and verify SSR hydration for client navigation.

Quick Start

Open services/madoc-ts/src/frontend/site/routes.tsx and outline the route tree, associated page components, and any data loaders that must be updated for a new public site page.