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 SEHAT KENANGANEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHAT KENANGANEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHAT KENANGANEXT.JS 16REACT 19TAILWIND V4FRAMER MOTIONTYPESCRIPTVERCELDESA SEHAT KENANGA