Prototyping a no code website builder
- 자연어 프롬프트를 통해 웹사이트의 테마, 브랜드명, 페이지 구조 등을 수정하고 새로운 페이지를 생성하는 노코드 웹사이트 빌더 프로토타입입니다. 🗣️
- OpenAI(향후 Claude 고려)를 활용하여 사용자 프롬프트를 해석하고, 기존 페이지(HTML, CSS, JS) 중 어떤 것을 업데이트하거나 새로운 페이지를 생성할지 지능적으로 결정합니다. 🤖
- Convex 데이터베이스를 백엔드로 사용하여 프로젝트, 페이지, 메타데이터 및 파일 저장소를 관리하며, AI 요청 및 페이지 업데이트를 위한 백그라운드 프로세스를 실행합니다. 💾
- Hono 애플리케이션을 로컬에서 실행하고 iframe을 통해 실시간으로 사이트 변경 사항을 미리 볼 수 있으며, 페이지 이동 시 iframe 내부 URL도 함께 변경됩니다. 🖼️
- AI가 여러 페이지를 동시에 업데이트할 수 있도록 설계되어, 다수의 파일에 걸친 수정 작업도 효율적으로 처리할 수 있습니다. ⚡
- 사용자가 코드를 직접 볼 필요 없이 AI가 모든 파일을 탐색하여 필요한 부분을 수정하는 완전한 코드 추상화를 목표로 합니다. 🙈
- 기존 CMS 대시보드 대신 채팅 패널을 통해 웹사이트 콘텐츠를 관리하는 새로운 사용자 경험을 제시하며, 이는 CMS의 역할을 대체할 수 있습니다. 💬
- 향후 배포 버튼을 통해 CloudFront 및 S3와 같은 서비스에 정적 자산을 호스팅하고, 사용자 정의 도메인을 연결하는 기능을 구현할 계획입니다. 🚀
- 현재는 한 번에 하나의 정제 작업만 가능하며, 동시성 문제(race conditions) 해결 및 버그 수정(예: 헤더 텍스트 접근성, 스타일링)이 필요합니다. 🚧
- 정적 HTML, CSS, JavaScript 기반의 웹사이트에 초점을 맞추며, 복잡한 풀스택 애플리케이션은 현재 프로토타입의 범위를 벗어납니다. 🌐
데브허브 | DEVHUB | Prototyping a no code website builder