웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기

여기어때컴퍼니 백오피스웹개발팀에서 펜션 홈페이지 제작을 위한 웹빌더 서비스를 개발한 경험을 공유합니다. js를 활용하여 다양한 템플릿 선택, 상세 정보 입력만으로 홈페이지를 완성할 수 있도록 지원하며, 코드 편집과 시각적 편집 전환, 직관적인 인터페이스를 제공합니다.

js 기반의 오픈소스 WYSIWYG 에디터 프레임워크로, 드래그 앤 드롭 방식으로 UI 컴포넌트를 배치하고 스타일을 적용할 수 있으며 플러그인을 통한 확장이 용이합니다. 본 글에서는 GrapesJS의 기본 UI 커스터마이징과 외부 데이터 연동, 파일 업로드 등 웹빌더 구현 시 겪었던 문제점과 해결 방안을 중점적으로 다룹니다.

로드 등 웹빌더 구현 시 겪었던 문제점과 해결 방안을 중점적으로 다룹니다.