Next.js Web Client Development

Clean Architecture Data Flow

Components receive DTOs from server actions, never Entities:

Component → Server Action → Use Case → Repository → DB
                                ↓
                              DTO (returned)

Importing from Features

// ✅ CORRECT: Import DTOs and actions
import type { CategoryDTO } from '@/features/category'
import { listCategoriesAction, createCategoryAction } from '@/features/category'