azz-portfolio — Portfolio Developer & CMS
Portfolio developer interaktif dengan fisika 3D dan headless CMS
Membutuhkan hub terpusat untuk memamerkan beragam keahlian mulai dari fullstack web development hingga machine learning. Solusi template yang ada kurang memiliki interaktivitas mendalam, kemampuan CMS kustom, dan personal branding yang berbeda untuk menonjol sebagai developer top-tier.
Mengembangkan portfolio Next.js 16 kustom dengan arsitektur headless UI, backend Supabase untuk konten dinamis (CMS), dan animasi Framer Motion/Three.js yang halus. Mengintegrasikan dashboard admin lengkap untuk mengelola konten dan portal feedback klien.
- 1Headless CMS Kustom - Dashboard admin bawaan (/admin) untuk mengelola proyek, testimoni, dan artikel blog secara aman menggunakan Supabase.
- 2Lanyard Interaktif 3D - Interaksi lanyard 3D berbasis fisika yang dibangun dengan Three.js dan React Three Fiber.
- 3Mode Gelap Lanjutan - Tema gelap Midnight Blue berbasis OKLCH dengan toggle pill tersegmentasi dan transisi mulus.
- 4Sistem Bilingual - Dukungan multi-bahasa yang mulus (EN & ID) memanfaatkan kolom JSONB di Supabase.
- 5Otomasi Email - Terintegrasi dengan Resend API untuk newsletter, form kontak, dan balasan langsung.
Optimasi Performa 3D - Menyeimbangkan fisika 3D yang kaya pada lanyard dengan waktu loading yang cepat dan mempertahankan skor Lighthouse yang tinggi.
Manajemen State Kompleks - Menangani perpindahan tema (Midnight Blue Dark Mode), toggle bahasa, dan state CMS secara bersamaan tanpa hydration mismatch.