Langsung ke konten utama
NHSNovizar Hadi Saputra
IDEN
Kembali ke semua studi kasus
01godaindonesia.novizarhadisaputra.my.id

GODA Indonesia

Platform Otomotif EV dengan Showroom 3D WebGL & Backend Rust

Platform digital otomotif kendaraan listrik yang menggabungkan inspeksi kendaraan 3D interaktif di browser, pencari dealer berbasis GPS, dan API Rust berarsitektur heksagonal.

Peran
Systems Architect & Full-Stack Engineer
Tahun
2026
Domain Produksi
godaindonesia.novizarhadisaputra.my.id
Kunjungi Aplikasi LiveDiskusikan Sistem Serupa

Konteks & Tantangan

Calon pembeli kendaraan listrik membutuhkan eksplorasi unit yang detail sebelum datang ke dealer, sementara rute URL lama harus tetap terselamatkan tanpa 404 dan API harus tahan terhadap beban tinggi dengan jejak memori minimal.

Solusi & Keputusan Arsitektur

Membangun frontend SvelteKit 2 (Svelte 5) terintegrasi Three.js/Threlte untuk orbit showroom 360 derajat dan diagnostik baterai X-Ray, dipasangkan dengan backend Rust Axum 0.8 + SQLx + Argon2id di atas PostgreSQL.

Implementasi & Kapabilitas Kunci

  • Showroom 3D WebGL interaktif dengan pilihan warna unit dan mode diagnostik baterai.
  • Pencari 273 dealer terverifikasi di 38 provinsi menggunakan kalkulasi jarak Haversine GPS.
  • Simulator penghematan operasional EV dan simulasi cicilan leasing multifinance.
  • Engine penyembuhan rute 301 untuk 21 URL lama dan 15 model katalog resmi.

Alur Arsitektur Sistem

L1: Client / 3D UI

SvelteKit 2 (SSR) + Three.js WebGL + MapLibre GL

Merender showroom 3D 60 FPS dengan kontrol orbit, kalkulator simulasi EV, serta peta interaktif dealer terdekat.

  • Svelte 5 Runes
  • Threlte
  • Tailwind CSS v4
  • Zod
L2: Edge / Proxy

Nginx Reverse Proxy + Security Headers

Menangani terminasi TLS, pemisahan trafik web SSR dan API, header keamanan OWASP, serta pembatasan laju permintaan.

  • Nginx
  • HTTP/2
  • SSL/TLS
  • Rate Limiting
L3: Core API

Rust Axum 0.8 (Clean Hexagonal Architecture)

Menyediakan endpoint katalog, sortir geospasial dealer, autentikasi RBAC, proteksi body 2MB, dan mesin redirect 301.

  • Tokio
  • Argon2id
  • JWT
  • Moka Cache
L4: Data Layer

PostgreSQL + In-Memory Cache

Menyimpan 10 domain data relasional, wilayah Kemendagri 38 provinsi, dan hak akses RBAC dinamis.

  • PostgreSQL
  • SQLx Compile-Time Queries
  • Moka

Teknologi yang Digunakan

  • SvelteKit 2
  • Svelte 5
  • Three.js
  • MapLibre GL
  • Rust
  • Axum 0.8
  • SQLx
  • PostgreSQL
  • Nginx

Studi Kasus Berikutnya

02 / GDPS ERP (BizSuite)

Baca Studi Kasus Lengkap