Wedding invitation Platform, Wedding Planner Platform, Wedding Platform

CraftingDigitalExperiencesFromVisiontoProduction

Company Profiles (Simple, fast)E-Commerce (Payment, inventory)Enterprise Apps (Scalable, secure)Website 3D (Interaktif, WebGL)

3+ tahun membangun web & mobile apps — dari landing page sederhana sampai sistem enterprise. Tersedia untuk proyek freelance & kolaborasi.

View My Work Resume

About Me

I build modern web and mobile applications with a strong focus on performance, maintainability, and seamless user experiences. My core tech stack includes Next.js, React, Laravel, Flutter, and Node.js. I enjoy collaborating with cross-functional teams and delivering technical solutions that make a meaningful impact on users.

I transform ideas into production-ready applications with clean code, thoughtful architecture, and attention to detail.

Frontend

React
Next.js
TypeScript
Tailwind CSS
Framer Motion

Backend

Node.js
Express
Payload CMS
PostgreSQL
MongoDB

Tools

Git
Docker
Vercel
Figma
VS Code

04 roles

Where I've Worked

Tiga tahun terakhir — dari landing page sampai sistem internal yang dipakai tiap hari.

IT Developer

PT. Suiten Inovasi SuksesCurrent

Oct 2024 – PresentCentral Jakarta, Indonesia

Developed 5+ high-performance web applications using Next.js, collaborating with backend teams to deliver scalable, secure, and maintainable solutions.
Built cross-platform Android applications with Flutter, ensuring smooth performance, responsive design, and seamless user interactions.
Engineered responsive UIs with Next.js & Tailwind CSS, optimizing accessibility and delivering a consistent experience across all devices.

Next.jsFlutterLaravelTypeScriptTailwind CSS

Web Developer

FreelanceCurrent

Sep 2025 – PresentRemote

Developed high-quality, production-ready websites for major clients, including Sampoerna Academy and Putra Sampoerna Foundation, ensuring responsive design, fast performance, and SEO-optimized structure.
Developed Generasi Raw / Rawkopi (generasiraw.org) — a full back-office and multi-portal system including Admin Backoffice for content, user, and warkop management.
Delivered end-to-end freelance web development services, building company profiles, e-commerce platforms, and custom business systems such as HRIS and ERP, tailored to each client’s operational needs and workflows.

Next.jsLaravelTypeScriptTailwind CSS

Associate Web Developer

HS Kak Seto

Jan 2024 – Jun 2024Remote

Built 10+ responsive pages using Next.js and Tailwind CSS, improving mobile user experience.
Transformed UI/UX designs into functional components, enhancing visual appeal and user interaction.
Developed high-performance applications with Next.js, increasing application speed and ensuring maintainability.

Next.jsTailwind CSSFirebaseCypress.ioTypeScript

Web Developer

PT. Pilihanmu Indonesia Jaya

Aug 2023 – Jun 2024Depok, Indonesia

Developed a high-performance web application using Next.js, ensuring robust functionality and intuitive UI.
Converted UI/UX designs into fully functional components with Next.js and Tailwind CSS.
Designed and built a cognitive test application using CodeIgniter 4, delivering a seamless and reliable user experience.

Next.jsTypeScriptTailwind CSSCodeIgniter 4Cypress.io

Selected
Works

Central Kitchen ERP

A complete ERP platform for managing central kitchen operations across multiple outlets. The system covers procurement, FIFO inventory tracking, recipe based production, waste management, outlet dispatch, production costing, and automated double entry accounting.

Next.jsTypeScriptPostgreSQL PrismaPostgreSQLshadcn/uiTailwind CSS

View Details

Dasbor utama — peringatan stok kritis, monitoring kenaikan harga beli, dan produksi harian

MIS Dashboard — analitik terpadu gudang, pembelian, produksi, waste, dan HPP

MIS Dashboard — tab Overview dan Gudang & Stok

1/4

HomeWiz

Property Management System dashboard operasional untuk pengelola gedung: billing, work order, helpdesk, patroli security, akses kartu, parkir, dan pelaporan, dengan kontrol akses berbasis peran.

Next.js 15TypeScriptLaravelTailwind CSS

View Details

Dasbor properti — okupansi unit, komposisi penghuni, dan antrean persetujuan

Back-office — modul unit, penghuni, utilitas, dan work order

Penagihan — tagihan utilitas dan iuran per unit

Landing page produk untuk pengelola properti

Autentikasi multi-peran: pemilik, penyewa, dan pengelola

1/6

Himawari Roastery

Full-stack e-commerce platform for an Indonesian specialty coffee roastery direct ordering with dual payment flows (Doku + manual transfer), order tracking, and a custom admin CMS with payment verification built in.

Next.jsTypeScriptTailwind CSSPayload CMS TursoMidtransFramer MotionVercel BlobResendThreeJS

View Details

Visual 3D proses packing di halaman produk

Checkout — form pengiriman dan pilihan kurir

Dasbor admin — ringkasan pesanan dan stok

1/5

Spaced.id

A subscription-based design agency website built with Next.js and Tailwind CSS, integrated with Payload CMS (v3) & PostgreSQL, featuring dual-language localization (EN/ID), interactive Framer Motion animations, and an advanced SEO-first architecture.

Next.jsPayload CMSTypeScriptSEOTailwind CSSPostgreSQLLexical Rich Text Editor

View Details

Landing page — penawaran langganan desain bulanan

Panel CMS — kelola artikel, portfolio, dan library

1/4

Wedvitation

Premium digital wedding invitation platform for Indonesian couples — animated template marketplace, live invitation editor, guest & RSVP management, and a full wedding planning toolkit with integrated payments.

Next.jsTypeScriptPostgreSQL PrismaSupabaseTailwind CSSBullMQ/RedisMidtransFramer Motion GSAPThreeJS

View Details

Dasbor wedding organizer — ringkasan acara dan progres persiapan

Checklist perlengkapan — status per item

Checklist perlengkapan — pengelompokan per kategori

Perencanaan dan alokasi anggaran pernikahan

Dasbor pelanggan — kelola undangan dan daftar tamu

Kustomisasi undangan digital — tema, foto, dan detail acara

1/7

WONKA Kids

Bilingual company-profile and product website for a first-hand children's clothing wholesaler in Tanah Abang — built for resellers, with scroll-driven storytelling and local-SEO baked in.

Next.jsTypeScriptTailwind CSSGSAP Lenis VercelVercel

View Details

Landing page — produsen pakaian anak dengan pemesanan grosir via WhatsApp

Halaman Tentang Kami — profil dan kapasitas produksi

Fasilitas produksi — lini jahit dan quality control

Fasilitas pabrik — area produksi dan pergudangan

1/5

Generasi Raw / Rawkopi Sampoerna Academy

Full back-office and multi-portal system for Generasi Raw / Rawkopi coffee community platform.

LaravelReactJSTailwind CSSMySQL

View Details

Suiten Company Website

Corporate website for Suiten, a software house specializing in custom software solutions — SEO-optimized and performant.

Next.jsTypeScriptTailwind CSSSEO

View Details

HSK Kak Seto — School Website

School website for Homeschooling Kak Seto with responsive design, dynamic content management, and SEO optimization.

Next.jsTypeScriptFirebaseTailwind CSS

View Details

010

Hirakana

Interactive Hiragana & Katakana learning app — gamified Japanese script practice for beginners.

Next.jsTypeScriptTailwind CSSFigma

View Details

011

Pilih Jurusan Platform

Educational platform for university major selection, featuring cognitive tests, program recommendations, and interactive tools.

Next.jsTypeScriptCodeIgniter 4Cypress.ioTailwind CSS

View Details

Platform Tes Psikologi Online untuk pelajar

012

Top Seeds Initiative Landing Page

A modern and responsive landing page developed for the Top Seeds Initiative tennis development program, featuring immersive storytelling, interactive sections, and an integrated application form.

laravelBladeTailwind CSS

View Details

Gulir ke bawahuntuk proyek berikutnya

01 / 12

Latest Writing

Catatan teknikal dan pelajaran dari proyek nyata.

Next.jsPayload CMSTypeScript

Membangun Portfolio Modern dengan Next.js App Router & Payload CMS

Studi kasus lengkap migrasi portfolio dari Pages Router ke App Router dengan Payload CMS v3, SQLite/Turso, dan deployment di Vercel — beserta pelajaran yang saya dapat.

15 Juni 20267 mnt

Next.jsPerformance

Optimasi Performa Next.js: Menurunkan Load Time dari 5 Detik ke 2 Detik

Teknik nyata yang saya pakai di production untuk memangkas load time 60%: code splitting, prefetching, lazy loading, dan optimasi gambar di aplikasi Next.js.

20 Mei 20266 mnt

Next.jsRendering

SSG vs ISR vs SSR di Next.js: Panduan Memilih Strategi Rendering

Kapan pakai Static Generation, Incremental Static Regeneration, atau Server-Side Rendering? Kerangka berpikir praktis berdasarkan sifat data dan kebutuhan bisnis.

10 April 20265 mnt

View All Articles