Latar Belakang
Mengelola puluhan desain undangan digital dalam satu codebase sering kali berakhir dengan CSS yang saling tumpang tindih dan performa yang menurun. Beranda Invitation dibangun untuk mengatasi masalah skalabilitas tersebut — bukan sekadar menyajikan satu atau dua tema, melainkan merancang arsitektur frontend yang mampu menangani 30+ tema undangan tanpa mengorbankan kecepatan akses. Target utamanya adalah memberikan pengalaman preview instan bagi pengguna: isi form satu kali, dan lihat hasilnya di berbagai tema berbeda.
Solusi yang Kami Bangun
Platform ini dirancang khusus sebagai aplikasi mobile-first karena lebih dari 90% tamu akan membuka undangan melalui smartphone. Kami memisahkan logika aplikasi (routing, state form) dengan logika presentasi (tema, warna, font). Setiap tema dienkapsulasi dalam satu folder independen dengan CSS tokens lokal, sehingga penambahan tema baru tidak akan pernah merusak tema yang sudah ada.
- Arsitektur Multi-tema — sistem registry tema yang dinamis, memastikan CSS dan font dikelola secara modular per tema.
- Form Input Terpusat — state management untuk menyimpan data mempelai dan acara yang otomatis teraplikasikan ke pilihan tema.
- Isolasi Desain — pemanfaatan
@theme inlineuntuk menciptakan scope token warna dan tipografi unik per tema tanpa mencemari global stylesheet. - Mobile-First Experience — layout, animasi, dan interaksi dioptimalkan secara presisi untuk layar smartphone.
- Animasi Performa Tinggi — transisi dan micro-interactions menggunakan animasi ringan namun elegan dengan Framer Motion.
