디지털 초대장 & AI: 웨딩 플래닝을 조금 더 쉽게 만들기 위한 작은 노력

발행: (2026년 1월 3일 오후 03:58 GMT+9)
4 분 소요
원문: Dev.to

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

  1. Generate – 터미널에서 npx next-wedding-generator를 실행합니다.
  2. Setup.env 파일에 본인의 API 키를 입력합니다(README에 가이드 포함).
  3. Personalizepublic 폴더에 있는 샘플 사진을 본인의 사진으로 교체합니다.

Contributing

저는 아직 배우는 중이며, 이 도구는 커뮤니티에 작은 기여를 하고자 만든 것입니다. 몇몇 커플에게 스트레스를 줄이고 큰 날에 디지털 마법을 더해주길 바랍니다. 유용하다고 생각되거나 개선 아이디어가 있다면 언제든지 알려 주세요.

스트레스 없이 아름다운 축하를 기원합니다! 💍✨

Back to Blog

관련 글

더 보기 »

RGB LED 사이드퀘스트 💡

markdown !Jennifer Davis https://media2.dev.to/dynamic/image/width=50,height=50,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%...

Mendex: 내가 만드는 이유

소개 안녕하세요 여러분. 오늘은 제가 누구인지, 무엇을 만들고 있는지, 그리고 그 이유를 공유하고 싶습니다. 초기 경력과 번아웃 저는 개발자로서 17년 동안 경력을 시작했습니다.