Frontend
The Rhesis frontend is the React/Next.js application that provides the platform’s user interface, at apps/frontend.
Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router), React 19, TypeScript |
| UI | Material UI (MUI) v7, Emotion |
| Authentication | NextAuth.js (Auth.js) v5 |
| State | React Context (no Redux/Zustand) |
| Data fetching | Typed API client classes over a same-origin BFF proxy; @tanstack/react-query for mutations |
| Data visualization | Recharts, React Flow (reactflow), MUI X Data Grid |
| Code editor | Monaco Editor |
| Testing | Jest + React Testing Library, Playwright (E2E) |
Documentation
- Getting Started — local setup and development workflow
- Architecture — project structure and architectural patterns
- Routing — App Router structure and route protection
- Component Library — the
Base*component convention - State Management — Context, server vs. client fetching
- Architect Chat UI — the Architect chat implementation
- API Integration — the BFF proxy and API client layer
- Frontend Authentication — NextAuth session and auth-code flow
- Testing — Jest, Playwright, and CI
See also apps/frontend/AGENTS.md for the BFF auth pattern, affordances (can/useCan/<Can>), and feature gating conventions enforced across the codebase.