Configuration

Settings

Informasi teknis dan konfigurasi aplikasi Projex. Tidak ada pengaturan yang bisa diubah dari halaman ini - semua konfigurasi bersifat sistem.

Tentang Aplikasi

Identitas

NamaProjex

Versi1.0.0

Localeid-ID

Mata uangIDR

Performa

Default page size20

Max chart items6

Query stale time30 detik

Query retry1×

API

Base URL/api

Rate limit

120 read / 30 write

Window60 detik

Auth

Optional

Tech Stack

Core Framework

FrameworkNext.js 16 App Router

LanguageTypeScript

RuntimeNode.js

ORMPrisma + Neon PostgreSQL

UI & Styling

CSSTailwind CSS v4

FontsManrope + Fraunces

AnimationFramer Motion

ChartsRecharts

State & Data

Server stateTanStack Query v5

FormsReact Hook Form + Zod

NotificationsSonner

IconsLucide React

Arsitektur Frontend

Struktur Direktori

src/app/ — Route pages (thin wrappers)

src/features/ — Page components & hooks

src/components/ — Shared UI primitives

src/lib/api/ — API client, types, query keys

src/server/ — Backend modules (repo pattern)

prisma/ — Database schema

Pola Implementasi

API Layer — Semua request melalui apiClient, response envelope { success, data, meta }

Data Fetching — TanStack Query hooks di features/*/hooks.ts. Invalidasi setelah mutasi.

Forms — RHF + Zod. Dialog/sheet pattern. Reset on open.

Responsive — Desktop: table. Mobile: card grid. Breakpoint md:

Design — CSS variables, warm neutral palette, rounded-[24-28px], subtle shadows.