frontend-feature
Installation
SKILL.md
Frontend Feature (Next.js 15 + React 19)
The frontend lives in frontend/src/ — App Router, TypeScript, Tailwind, next-intl, and Zustand. Routes are locale-prefixed: app/[locale]/….
Layout
| Path | Purpose |
|---|---|
src/app/[locale]/… |
Pages (route groups: (dashboard), (marketing), (auth)) |
src/app/api/… |
Next.js route handlers that proxy to the backend |
src/lib/ |
API clients (api-client.ts, *-api.ts), query-keys.ts, helpers |
src/components/ |
UI by domain (chat/, kb/, dashboard/, ui/, …) |
src/stores/ |
Zustand stores (one per concern, re-exported from index.ts) |
src/hooks/ |
useChat, useWebSocket, etc. |
Steps
- Page — add
src/app/[locale]/(dashboard)/<feature>/page.tsx. Default to a Server Component; add"use client"only where you need interactivity. Read params via the async App Router APIs.