디지털 초대장 & AI: 웨딩 플래닝을 조금 더 쉽게 만들기 위한 작은 노력
Source: Dev.to
Introduction
결혼식은 아름답지만, 동시에 엄청나게 벅찰 수 있습니다. 손님 명단을 관리하고, 장소에 대한 같은 질문을 수백 번 답변하며, 모든 사람에게 최신 정보를 전달하려다 보면 기쁨이 마치 두 번째 직업처럼 느껴지기도 합니다.
제가 직접 결혼을 준비하면서 대부분의 디지털 초대장은 정적인 페이지에 불과해 이러한 문제들을 해결하지 못한다는 것을 깨달았습니다. 저는 커플과 손님 모두에게 실제로 도움이 될 무언가를 만들고 싶었습니다. 개인 프로젝트로 시작했지만, next‑wedding‑generator라는 작은 CLI 도구로 발전시켜 NPM에 공유하고, 다른 사람들이 인터랙티브한 결혼식 사이트를 손쉽게 만들 수 있도록 했습니다.
제 목표는 “Quick Start” 기반을 만드는 것이었습니다. 단 한 번의 명령어만 실행하면, 제가 가장 유용하다고 생각하는 기능들이 이미 설정된 완전한 Next.js 애플리케이션을 바로 얻을 수 있습니다.
Features
- AI Assistant – Google Gemini 2.5‑flash와 통합된 부동 어시스턴트가 손님의 질문에 즉시 답변합니다(예: 주차, 간식 시간, 커플 스토리).
- Personalized Links – 고유 ID를 생성해 각 손님이 초대받은 이벤트만 볼 수 있게 합니다.
- Digital Guestbook – 손님이 휴대폰으로 사진을 직접 업로드해 머지리 월(Cloudinary) 형태로 표시합니다.
- Shared Playlist – 손님이 리셉션을 위한 곡을 요청할 수 있는 간단한 대기열.
- Admin Control – 복잡한 데이터베이스 없이도 손님 명단을 관리하고 RSVP를 추적할 수 있는 기본 대시보드.
Tech Stack
- Next.js & HeroUI – 모바일에서도 잘 작동하는 깔끔하고 현대적인 디자인을 제공합니다.
- Firebase – 실시간 소원 및 RSVP를 처리합니다.
- Resend – “하루 전” 이메일 알림을 손쉽게 보냅니다.
이 도구들은 신뢰성이 높고 웹에 대한 약간의 지식만 있으면 비교적 쉽게 설정할 수 있습니다.
Getting Started
- Generate – 터미널에서
npx next-wedding-generator를 실행합니다. - Setup –
.env파일에 본인의 API 키를 입력합니다(README에 가이드 포함). - Personalize –
public폴더에 있는 샘플 사진을 본인의 사진으로 교체합니다.
Contributing
저는 아직 배우는 중이며, 이 도구는 커뮤니티에 작은 기여를 하고자 만든 것입니다. 몇몇 커플에게 스트레스를 줄이고 큰 날에 디지털 마법을 더해주길 바랍니다. 유용하다고 생각되거나 개선 아이디어가 있다면 언제든지 알려 주세요.
Project Links
- 📦 NPM: next-wedding-generator
- 💻 GitHub: titasmallick/wedding-site-gen
스트레스 없이 아름다운 축하를 기원합니다! 💍✨