Frontend Development

This section documents the current production frontend in apps/frontend.

Stack

• React 19 + TypeScript
• Vite + React Router
• Tailwind + shared UI primitives (components/ui)
• Feature-first modules under src/features/*

App Shell and Navigation

• Main shell: src/app/layout/AppShell.tsx
• Router: src/app/router.tsx
• Settings scopes:
  • /settings/company
  • /settings/user
  • /settings/platform (super admin)

Current Route Families

• Foundation: /brand-identity
• Workflow: /campaigns, /calendar
• Content: /posts, /blog, /video-studio, /media, /link-in-bio
• Operations: /queues, /approvals, /inbox
• Insights: /analytics, /reports
• Workspace: /settings/*, /platforms, /help

Implementation Guides

• UI Theming
• Component Patterns
• Migration Status

Add/Change Page Guide

See UI Architecture Strategy for concrete examples and anti-patterns when adding or refactoring pages.