Next.jsTypeScriptSupabase
ProcureFlow
Enterprise procurement and shipment management platform inspired by real-world supply chain operations.
View DetailIQBAL
HAMDANI
SENIOR
FRONTEND
ENGINEER.
- 67% faster checkoutNuxt SSR migration · Mister Aladin
- EUDR complianceEU Information System integration · Koltiva
- Lead & hands-onManages the team, still ships code
About
Senior Frontend Engineer with 9+ years of experience building scalable SaaS and enterprise products using Vue, Nuxt, React, and TypeScript. Passionate about frontend architecture, performance, and great user experiences.
9+ YearsFrontend Experience
Vue • Nuxt • ReactCore Expertise
Open to WorkAvailability
Selected Work
Astro 6Turf.jsLeaflet
GeoFix
A geospatial utility for fixing polygon geometry and checking shared interior overlap.
View Detail
Laravel 7Vue 2PHP
Sleep Project Indonesia
An ecommerce website for high-quality bedding, pajamas, and robes made from Japanese cotton, premium cotton, and Tencel.
View DetailExperience
Koltiva
Engineering Manager (Hands-on Frontend)
Leading frontend initiatives while managing engineering teams. Built EUDR compliance workflows, integrated with EU Information System (EUIS), implemented shared authentication across internal applications, and collaborated directly with European stakeholders on product direction and technical execution.
Mister Aladin
Frontend Engineer -> Frontend Lead
Led frontend architecture and technical direction across hotel, flight, train, and activity booking products. Migrated legacy Laravel applications to Nuxt SSR, improved checkout performance by 67%, and delivered bundled travel booking experiences.
Mimopay
Frontend Engineer
Built and scaled travel booking platforms, contributed to design system adoption, search optimization, and frontend modernization initiatives across multiple business verticals.
Writing
All articlesDeploy MinIO Community Edition on Ubuntu with NGINX and HTTPS
Build MinIO Community Edition from pinned source, run it as a hardened systemd service, and serve S3 and console domains through NGINX and Let's Encrypt.
SSR vs SSG vs ISR: Understanding Rendering Strategies in Modern JavaScript Frameworks
Learn how SSR, SSG, and ISR work, how they differ in freshness and server cost, and how to pick the right rendering strategy for each page.
Understanding Form Validation vs Form Engine in React (Next.js)
Understand the difference between validation rules and form engines in React and learn why React Hook Form with Valibot is a lightweight, performant stack.
Tech Stack
Frontend
Vue 3Nuxt 3ReactNext.jsHTML5 & CSS3TypeScriptTailwind CSS
Backend
Express.jsLaravelGraphQL
Tools & Cloud
GitViteWebpackJest