Architecture (Feature-Sliced Design)

Priority: P2 (MEDIUM)

Warning: FSD introduces boilerplate. Use it only if project expected to grow significantly (e.g., 20+ features). For smaller projects, simple module-based structure preferred.

Workflow: Create New Feature Slice

1. Create feature folder — src/features/auth/login/ with ui/, model/, api/ segments.
2. Add public API — Export via src/features/auth/login/index.ts.
3. Wire into page — Import feature widget in app/login/page.tsx (thin page).
4. Verify imports — Ensure no upward or cross-slice imports violate layer hierarchy.

Layer Hierarchy

App (app/) -> Widgets -> Features -> Entities -> Shared

See implementation examples for thin page example.

Strategy