모두의 등불 — 석가탄신일 온라인 연등 + AI 부처님 즉문즉설
한 줄의 소원을 강에 띄우고, 고민이 있다면 AI 부처님께 즉문즉설을 청해보세요.
🧭 만든 동기 · 석가탄신일 시즌에 짧게 바이럴 될 만한, 마음에 닿는 인터랙션을 만들고 싶었어요. 실제 연등을 강에 띄우는 풍경을 웹에서 누구나 한 줄 소원으로 참여할 수 있도록 옮긴 거예요. · AI 부처님 즉문즉설 — 고민을 입력하면 자비로운 어투의 짧은 법문으로 답해주는 후크. 실제 즉문즉설의 톤을 LLM 프롬프트로 잡아서 분위기 비슷하게 살려봤습니다. · 절(/temple) 페이지는 가상의 공간에서 사람들이 같이 거니는 듯한 풍경을 만들어 "다 같이 모인다"는 봉축 분위기를 살려보고 싶었어요. 🧱 사용 기술 · Next.js 16 (App Router, React Compiler) + React 19 + TypeScript · Tailwind CSS 4 · AI SDK v6 + Google Gemini 2.5 Flash Lite — 즉문즉설 응답 스트리밍 · Upstash Redis + Ratelimit — 연등 저장, 절 presence 카운터, rate limit · html-to-image — 한지 카드 PNG 다운로드 + Web Share · qrcode — 공양 송금 QR 자동 생성 설계 측면: · 등불 강은 Redis sorted set으로 시간순 노출, 페이드 인/아웃으로 흘러가는 풍경 · 절 페이지의 active count는 Upstash sliding window presence — 자기 캐릭터만 실제로 움직이고 다른 사람은 더미 픽토그램으로 풍경 채움 · 공양 채널(Support Cone / 토스 / 카카오페이) 3개 중 채워진 것만 모달 탭으로 노출 💬 받고 싶은 피드백 · 첫 진입 직후, 어떤 흐름이 가장 자연스럽게 끌렸나요? (등불 띄우기 / 즉문즉설 / 절 거닐기) · AI 부처님 답변 톤이 너무 가벼우면 부담스럽고 너무 진중하면 어색한데, 균형이 어떤가요? · 모바일에서 등불 강 애니메이션 부드럽게 보이나요?
피드백
아직 피드백이 없어요. 첫 번째 코멘트를 남겨보세요!