Intensa Registration Framework

Next.js Project Architecture

Setup kerangka kerja dan struktur modular berbasis konvensi kilc-hub (Jotai, TanStack Query, Axios Gateway, Shadcn UI, Sonner).

_atoms

Primitive reactive states via Jotai (e.g. registrationDataAtom, currentStepAtom)

_hooks

Custom hooks wrapping state, services, and side-effects (e.g. useRegistration)

_stores

Complex global caching and server states via TanStack React Query

_services

Dedicated API services communicating through the centralized Gateway

_types

Type definitions and TypeScript interfaces for data consistency

_components

Modular and reusable page sections and UI presentation components