///Technology
Technology
Setelah alur sistem terbentuk, kami memilih teknologi yang dapat menjaga proses kalkulasi, data kendaraan, dan antarmuka tetap berada dalam satu aplikasi yang terstruktur.
Next.js dipilih sebagai fondasi aplikasi karena kemampuannya menangani server-side rendering dan client-side interactivity dalam satu framework. Kalkulator premi perlu cepat dimuat di browser, dan Next.js memungkinkan halaman utama dirender di server sambil tetap menjaga interaktivitas di sisi client.
TypeScript digunakan karena project ini melibatkan banyak struktur data — merek, tipe, tahun, parameter perlindungan, hasil perhitungan. Type safety membantu memastikan bahwa data yang mengalir dari database ke engine kalkulator ke UI konsisten dan tidak ada field yang tertukar.
Tailwind CSS digunakan untuk antarmuka yang membutuhkan kecepatan iterasi. Kalkulator premi punya banyak state — pilihan merek, tipe, tahun, parameter — dan setiap state perlu menampilkan UI yang berbeda. Tailwind memungkinkan perubahan tampilan tanpa konteks CSS file yang terpisah.
Prisma membantu mendefinisikan schema dan hubungan data kendaraan secara eksplisit. Dengan 14.000 data premi, struktur tabel yang jelas penting — Prisma memastikan query ke database dapat ditulis dengan type safety dan dapat diaudit.
PostgreSQL dipilih karena project ini membutuhkan database relasional untuk menangani ribuan data kendaraan dengan struktur yang jelas. Relasi antara merek, tipe, tahun, dan premi perlu konsisten — dan PostgreSQL menangani ini dengan baik.
Next.jsTypeScriptTailwind CSSPrismaPostgreSQL