Teknologi SIAPS-IMUS

Lapisan	Teknologi	Peran
Bahasa	TypeScript	Bahasa untuk backend dan frontend
Backend	Hono v4	Framework API yang ringan
Tempat berjalan	Cloudflare Workers	Menjalankan kode tanpa mengurus server
Database	Cloudflare D1 (SQLite)	Menyimpan data
Akses data	Drizzle ORM	Menulis skema dan query dalam TypeScript
Validasi	Zod	Memeriksa bentuk data masuk
Login	JWT (pustaka jose) + bcryptjs	Token masuk dan pengamanan password
Frontend	React 19	Membangun tampilan
Kerangka admin	Refine v5	Pola tabel, formulir, dan hak akses siap pakai
Komponen	shadcn/ui	Tombol, tabel, dialog
Gaya	Tailwind CSS v4	Penataan tampilan
Router	React Router v7	Perpindahan halaman
Grafik	Recharts	Grafik di dashboard
Formulir	react-hook-form	Pengelolaan isian formulir
Build	Vite 6	Membangun dan menjalankan tampilan
Paket	pnpm	Mengelola dependensi
Penerapan	Wrangler	Alat penerapan ke Cloudflare

Cara kerja singkat tiap bagian

• Workers menjalankan kode saat ada permintaan; Anda tidak menyewa atau merawat server.
• Drizzle membuat skema tabel menjadi kode TypeScript sehingga salah ketik nama kolom langsung terdeteksi.
• Zod memeriksa data sebelum diproses; data yang tidak sesuai ditolak dengan pesan yang jelas.
• Refine menyediakan pola yang sama untuk daftar, tambah, ubah, dan hapus, sehingga halaman baru cepat dibuat.
• JWT adalah “tiket” yang dibawa setiap permintaan untuk membuktikan siapa penggunanya.