AI 챗봇으로 폼을 뚝딱! Next.js 기반 자체 호스팅 폼 도구
by DD
6개월 전
조회수 6
Next.js 기반으로 Thesys C1 API를 활용하여 챗봇으로 폼을 생성하는 자체 호스팅 도구 개발
MongoDB를 사용하여 폼 정의 및 제출 데이터를 저장하고, C1Component로 폼 렌더링
자체 호스팅 방식으로 데이터 관리 및 사용자 정의 기능 제공, GitHub Repository 공개
챗 기반 폼 생성 원리
사용자의 텍스트 입력을 받아 Thesys C1 API를 통해 JSON UI 스펙을 생성한다. 구체적으로, 시스템 프롬프트를 활용하여 폼 빌더 어시스턴트 역할을 수행한다. 따라서, C1Component를 통해 동적으로 폼을 렌더링하고, MongoDB에 폼 데이터를 저장한다.
Next.js API 라우팅 및 데이터 흐름
Next.js의 App Router를 사용하여 API 엔드포인트를 구성하고, 폼 생성, 조회, 제출, 삭제 기능을 구현한다. /api/chat 엔드포인트는 SSE를 통해 LLM 응답을 스트리밍한다. 반면, MongoDB를 사용하여 폼 스키마와 제출 데이터를 저장하고 관리한다.
자체 호스팅의 장점과 구현
자체 호스팅 방식은 데이터 주권을 확보하고, 사용자 정의 기능을 제공한다. 구체적으로, .env 파일을 통해 환경 변수를 설정하고, Vercel, Netlify, Render 등 다양한 호스팅 환경에 배포할 수 있다. 따라서, 보안 및 개인 정보 보호 측면에서 유리하다.
