Enterprise Monorepo UI - CRM/ERP Design System
Eksperimen arsitektur monorepo menggunakan Turborepo untuk mengelola beberapa aplikasi Next.js 15 dalam satu workspace. Fokus utamanya: bikin paket UI bersama yang bisa di-share lintas aplikasi, dan pastikan tipe data tetap sinkron antara frontend dan API layer.
Junior Web Developer
2025
Design System & Monorepo
Konteks & Kebutuhan Sistem
Pengembangan aplikasi internal perusahaan (modul CRM dan ERP) dalam repositori terpisah sering memicu duplikasi komponen antarmuka, desinkronisasi kontrak tipe data API (type drift), dan overhead pemeliharaan design system yang tinggi saat terjadi standardisasi tampilan.
Pendekatan & Solusi Teknis
Menerapkan arsitektur monorepo berbasis Turborepo yang mengkonsolidasikan aplikasi Next.js 15 dan paket bersama internal (packages/ui, packages/types). Pola ini menjamin kontrak tipe data API selalu sinkron antarmuka-ke-layanan, standardisasi token Tailwind CSS terpusat, serta proses build yang cepat berkat remote caching.
Teknologi & Stack Rekayasa
Jelajahi Proyek Lainnya
Proyek-proyek lain yang mungkin menarik buat kamu lihat
Website SMP Negeri 24 Padang
Website sekolah SMP Negeri 24 Padang yang saya bangun dari nol saat magang. Sebelumnya, sekolah belum punya portal digital yang layak saya rancang arsitektur Next.js App Router dengan rendering SSR/SSG, validasi form Zod, dan SEO terstruktur supaya halaman cepat terindeks dan mudah dikelola staf.
Prediksi Siklon Tropis (Data IBTrACS)
Ini proyek skripsi S1 saya: membuktikan LSTM bisa prediksi lintasan siklon tropis dengan akurat. Saya uji 12 skenario eksperimen (3 basin × 4 variasi timesteps), dan hasilnya window 8-16 paling bagus - rata-rata error cuma 14,2 km dengan R² 0,999. Modelnya saya konversi ke ONNX supaya bisa jalan langsung di browser, frontend pakai Astro Island Architecture.
Ingstore - Website Penjual Mobil Berbasis CMS
Website showroom mobil yang saya buat supaya calon pembeli bisa eksplor unit, filter berdasarkan spesifikasi, dan langsung hitung simulasi kredit DP dan cicilan bulanan secara real-time. Penjual bisa kelola stok unit lewat struktur CMS yang rapi.
Website Penjualan Rumah
Aplikasi web pencarian properti yang saya bangun pakai Angular Standalone Components murni TypeScript. Fitur utamanya: komparasi 2 properti secara side-by-side, denah arsitektur 2D bertingkat yang bisa di-zoom, dan simulator cicilan KPR pakai formula anuitas Bank Indonesia - semuanya reaktif lewat Angular Signals tanpa library state management tambahan.