소개
간단한 랜딩페이지가 아니라, 운영자가 관리할 수 있는 커뮤니티 웹사이트를 만들어보고 싶었어요. (친근한+좀 아는) 챗봇으로 문의대응도 하는 웹사이트를 시도했습니다. 💪
진행 방법
이번 작업에 사용한 도구는 다음과 같아요.
v0 : 웹사이트 첫 디자인을 빠르게 제작
Cursor : 코드 편집기 (Github : 코드 저장소)
Vercel : 배포 담당
Supabase : 문의사항 수집 및 저장
Dify : 챗봇 플로우를 만들어서 제공
🙂 결과 (웹사이트와 챗봇서비스)
https://ai-automation-society.vercel.app/
Dify에서 단순한 채팅 플로우 셋팅
Dify에서 발행하는 방식 : iframe, html, url
채팅플로우 서 비스 동작
결과와 배운 점
단순한 랜딩페이지 제작을 넘어서 관리자 페이지, 회원가입 처리, 개인정보 보안 같은 현실적인 고민을 해봄. ( .vs. MVP )
다양한 도구를 써보면서 ‘이럴 땐 어떤 걸 써야겠다’는 기준이 쌓이는 중. 🙌
필요한 기능만 압축해서 구현하자. ( .vs. 회원가입, 관리자 페이지 제외 )
다음 계획
dify 에서 챗봇 감각 테스트, 챗봇이랑 대화한 내용을 발췌해서 저장할 수 있는지.
Cursor mcp 기능 사용해보기
도움 받은 글 (옵션)
PRD Builder
Lovable/Cursor로 랜딩페이지 만들고 배포해보기
Sourcetree : Git GUI (.vs. 터미널 명령어) https://www.sourcetreeapp.com/
이런 식으로 하나씩 직접 만들어보는 경험이 정말 큰 도움이 되는 것 같아요.
여러분도 직접 도전해보세요! 🚀