Cursor rule

1---
2description: Next.js App Router frontend — components, pages, Vitest, Tailwind for apps/web
3globs: ["apps/web/**", "packages/types/**"]
4alwaysApply: false
5---
6 
7# Next.js Frontend
8 
9Stack: Next.js 16 App Router, React 19, TypeScript strict, Tailwind 4, Vitest + Testing Library.
10 
11## Structure
12 
13- Pages/layouts: `apps/web/src/app/`
14- Unit tests: `apps/web/src/tests/unit/`
15- Integration tests: `apps/web/src/tests/integration/`
16- Shared types: `@medlens/types` from `packages/types`
17 
18## Conventions
19 
20- Default to Server Components; add `"use client"` only when hooks or browser APIs are required.
21- Colocate tests with feature areas under `src/tests/`; mirror patterns in `home-page.test.tsx`.
22- Fetch from API via typed contracts; do not duplicate backend business logic in the web layer.
23- Accessible markup: semantic HTML, labels on inputs, focusable controls.
24- No PII in client logs or error boundaries.
25 
26## Commands
27 
28```bash
29pnpm --filter @medlens/web lint
30pnpm --filter @medlens/web typecheck
31pnpm --filter @medlens/web test:unit
32```
33 
34Skill: `.cursor/skills/web-frontend/SKILL.md`
35