Back to all projects
Nov 2026

Wedding Invitation — Platform Undangan Pernikahan Digital

plikasi web undangan pernikahan digital yang interaktif, responsif, dan dapat dipersonalisasi untuk setiap tamu. Dilengkapi dengan informasi acara, galeri foto, hitung mundur, konfirmasi kehadiran (RSVP), buku ucapan dan doa, serta dashboard admin untuk mengelola data tamu dan undangan.

Next.js 16
React 19
TypeScript
Tailwind CSS v4
Supabase
PostgreSQL
Lucide React
Bun.
Wedding Invitation — Platform Undangan Pernikahan Digital screenshot 1
1 / 5

Project Overview

Wedding Invitation merupakan aplikasi berbasis web yang dikembangkan untuk menyediakan layanan undangan pernikahan digital dengan tampilan interaktif dan responsif. Aplikasi ini memungkinkan pasangan mempublikasikan informasi acara pernikahan secara online serta membagikan undangan yang dapat dipersonalisasi untuk setiap tamu. Aplikasi dibangun menggunakan Next.js 16 dan React 19 dengan pendekatan App Router. Tailwind CSS v4 digunakan untuk membangun antarmuka yang responsif, sedangkan Supabase dimanfaatkan sebagai layanan backend dan database PostgreSQL untuk menyimpan data konfirmasi kehadiran serta ucapan dari tamu undangan. Fitur utama yang dikembangkan meliputi: - Personalisasi nama tamu melalui parameter URL pada setiap tautan undangan. - Sampul undangan interaktif dengan animasi pembuka dan pemutar musik latar. - Informasi profil kedua mempelai dan hitung mundur menuju hari pernikahan. - Informasi jadwal acara serta integrasi lokasi dengan Google Maps. - Galeri foto dan cerita perjalanan kedua mempelai. - Fitur amplop digital untuk memudahkan tamu mengirim hadiah melalui rekening atau e-wallet. - Formulir konfirmasi kehadiran (RSVP) yang terintegrasi dengan Supabase. - Buku tamu digital untuk mengirimkan ucapan dan doa. - Animasi visual seperti kelopak bunga, confetti, dan transisi halaman. - Dashboard admin untuk membuat tautan undangan personal melalui WhatsApp. - Pengelolaan data RSVP, pemantauan kehadiran, ekspor data CSV, dan moderasi ucapan tamu. Dalam pengembangan project ini, saya menerapkan pengembangan aplikasi web menggunakan Next.js, pembuatan komponen UI yang modular, integrasi Supabase dengan PostgreSQL, pengelolaan data secara real-time, serta pengembangan dashboard administrasi untuk mendukung pengelolaan undangan. Project ini menunjukkan penerapan kemampuan frontend dan full-stack development dalam membangun aplikasi web yang interaktif, responsif, dan memiliki integrasi database untuk memenuhi kebutuhan undangan pernikahan digital.