Gadget

AI 어시스턴트는 편집기 안에 있고 플랫폼의 맥락과 기능, 관례를 갖추고 있다. 앱에 변경을 적용하고 백엔드와 프런트엔드 코드를 생성하며 전체 구조가 어떻게 맞물리는지 답한다. 질문과 답변은 무제한이고, 변경 적용은 AI 크레딧을 쓴다. 그래서 자유롭게 살펴보고 어시스턴트에게 일을 맡기고 싶을 때 크레딧을 쓰면 된다.

Gadget은 프로젝트마다 완전한 호스팅형 스택을 제공한다. 서버, 데이터베이스, 프런트엔드가 몇 초 만에 연결되어 돌아간다. 인프라를 직접 프로비저닝하거나 패치하지 않는다. 개발 환경과 프로덕션 환경이 분리되어 있어 안전하게 실험하고 사용자 대상 변경을 안심하고 배포한다.

테이블을 몇 초 만에 만들고 SQL도 스키마 마이그레이션도 필요 없다. 벡터와 계산 필드 같은 풍부한 타입을 쓰고, 레코드는 스프레드시트식 UI로 관리한다. 데이터베이스는 앱 전체의 읽기, 쓰기, 검색을 떠받치고 읽기와 쓰기는 두 영역에서 돌아 고가용성을 확보한다.

백엔드 액션은 실제 Node.js 환경에서 정의하는 서버리스 API 작업이다. 일정에 따라 실행하고 백그라운드 작업으로 트리거하며 아주 적은 코드로 동작을 더한다. 데이터 모델에 바로 연결되므로 작성한 로직이 작용하는 레코드 옆에 남는다.

백엔드와 테이블마다 타입 안전 API 라우트와 클라이언트 라이브러리가 즉시 생긴다. 문서는 자동 생성되어 프로젝트에 맞게 조정되고 코드 샘플도 엔드포인트에 맞춰 제공된다. API 계층을 손으로 쓰고 스키마와 계속 동기화하는 수고가 사라진다.

프런트엔드는 API에 미리 연결된 확장 가능한 자동 생성 컴포넌트를 쓴다. React의 힘을 그대로 살려 자체 UI를 만들고 내장 미리보기로 변경을 실시간 확인한다. 준비되면 명령 하나로 배포하고 호스팅과 확장을 Gadget에 맡긴다.

Gadget은 앱 개발을 자주 늦추는 커머스 특화 작업을 처리한다. webhook을 자동 등록하고 OAuth를 관리하며 Shopify와 BigCommerce의 데이터를 동기화하고, Shopify 앱 화면 연결도 포함한다. 같은 설정이 앱마다 반복되기에 여기서 시간을 가장 많이 아낀다.

코드 없이 서드파티 API를 연결하고 내장 webhook 핸들러로 실시간 이벤트에 반응한다. 대규모 데이터셋 동기화는 API 호출 한 번으로 끝난다. ChatGPT 앱 연결은 MCP 서버를 노출해, 호환되는 AI 도구에서 Gadget 앱을 만들고 실행할 수 있다.