TEKNOLOGI • REAL STACK

Tech Stack

Teknologi yang benar-benar digunakan — diinspeksi dari package.json dan konfigurasi project. Tidak ada klaim berlebihan.

Next.js 16 • React 19 • Tailwind v4TypeScript • ESLint • VercelFRAMER MOTION
01
▲
Next.js 16
Frontend

App Router, Server Components, dan optimasi performa.

⚛
React 19
Frontend

Library UI modern untuk membangun antarmuka reaktif.

TS
TypeScript
Tooling

Type safety untuk kode yang lebih maintainable.

◈
Tailwind CSS v4
Styling

Utility-first CSS untuk desain premium & responsive.

✦
Framer Motion
Animation

Animasi halus: fade, slide, stagger, hover lift.

↗
Next.js API Routes
Backend

Endpoint API untuk data kesehatan & autentikasi.

🔐
Authentication
Backend

Sistem login aman dengan role warga, nakes, admin.

🗄
Database
Database

Penyimpanan terstruktur untuk data pemeriksaan & user.

🤖
AI Kesehatan
Feature

Rekomendasi & analisis kesehatan berbasis AI.

▦
QR Code
Feature

Akses cepat data kesehatan via QR.

▲
Vercel
Deployment

Deployment cepat dengan edge network global.

✓
ESLint
Tooling

Menjaga kualitas & konsistensi kode.

Catatan inspeksi

Project ini diinisialisasi dengan create-next-app@16 + Tailwind CSS v4. Dependencies terverifikasi di package.json. Jika ada teknologi yang belum diimplementasikan (mis. database spesifik), data di src/data/techstack.ts dapat disesuaikan agar tetap jujur.

SemuaFrontendStylingAnimationBackendDatabaseDeploymentToolingFeature
NEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHATNEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHATNEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHATNEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHAT