App Builder

실제 코드를 작성하고.
통제된 도구를 출시하세요.

실제 TypeScript 또는 Python(FastAPI) 프로젝트, 컨테이너 지원 프리뷰 및 통제형 배포를 위한 고정된 빌드 아티팩트를 갖춘 코드 우선 빌더입니다.

Relpin Studio — TanStack Start 프로젝트 코드 에디터, OpenCode 에이전트 세션, 라이브 미리보기, 워크스페이스 터미널을 하나의 화면에서.
코드 편집기

코드 우선. 구성 우선이 아닙니다.

TanStack Start 프로젝트 그래프 안에 실제 TypeScript 및 React를 작성합니다. 생성된 앱은 브라우저 전용 DSL 대신 @app-builder-platform/ui 및 @app-builder-platform/data와 같은 작업 공간 패키지를 사용합니다.

프로젝트 탐색기와 타입이 지정된 import가 있는 실제 TanStack Start 라우트 파일을 보여주는 Studio 코드 에디터.
위젯이 아닌 실제 프로젝트

탐색기에는 평범한 TanStack Start 저장소가 들어 있습니다 — 라우트, 컴포넌트, 플랫폼 패키지를 코드로 직접 편집합니다.

컨테이너 진단

TypeScript 오류는 컨테이너 기반 프로젝트 그래프에서 인라인으로 표시됩니다 — 타입 없는 바인딩 문자열이 없습니다.

핫 리로드

저장하면 컨테이너 기반 HMR이 라이브 프로젝트 그래프에 대해 다시 컴파일합니다.

React + TypeScript · shadcn 스타터 · 런타임 API · HMR
실시간 프리뷰

실제 데이터로 프리뷰합니다. 목업이 아닙니다.

미리보기는 초안과 동일한 프로젝트 파일 및 서버 권한 파이프라인을 통해 실행됩니다. 데이터 액세스는 브라우저-로컬 폴백이 되는 대신 서버 측에서 관리됩니다.

  • 컨테이너 기반, 서버 인증 — 브라우저 폴백이 아닙니다
  • 런타임 API가 통제된 데이터 플레인에서 미리보기에 데이터를 공급합니다
  • 스키마 및 테이블 연결 변경은 감사 가능한 플랫폼 작업으로 유지됩니다
실제 지표와 인력 배치 테이블을 갖춘 실행 중인 업무 배정 관리 앱의 라이브 미리보기, 업데이트 진행 중.
컨테이너 미리보기 · 런타임 API · 통제된 데이터 · HMR
OpenCode 에이전트 라이브

설명하세요. 에이전트가 빌드합니다.

OpenCode는 사용자의 편집과 동일한 통제된 워크스페이스에서 Studio 안에서 실행됩니다. 실제 프로젝트를 읽고, 계획하고, 동일한 패치 경로로 변경 사항을 반영합니다 — 어떤 것도 검토와 감사를 우회하지 않습니다.

  • 조직, 워크스페이스, 캡슐, 앱, 환경, 사용자 범위로 지정된 세션
  • 공급자 자격 증명은 암호화되어 서버 측에서 프록시됩니다 — 브라우저에 노출되지 않습니다
  • 활성 Studio 임대 및 애드온 확인 하에 실행됩니다
  • 생성된 변경 사항은 통제된 프로젝트 파일을 통해 수렴됩니다
OpenCode 살펴보기
한 줄 프롬프트로 새 개요 타일을 구현하는, Studio에 연결된 OpenCode 에이전트 패널.
범위가 지정된 세션 · 자격 증명 프록시 · Studio 임대 · 통제된 패치
컴포넌트 라이브러리

조합할 준비가 된 빌딩 블록입니다.

Relpin은 shadcn 기반 앱 템플릿과 플랫폼 UI 패키지에서 시작한 다음 팀이 실제 React 프로젝트를 확장할 수 있도록 합니다.

@app-builder-platform/ui 통제된 shadcn 기준선 — 아코디언부터 툴팁까지, 실제 React로 확장합니다.
앱 템플릿 생성 시 업무 배정 중심 테이블, 양식, 레이아웃 스캐폴딩이 포함됩니다.
TypeScript 프로젝트 그래프 컨테이너 진단이 라이브 프로젝트 전반에 IDE 스타일 편집을 지원합니다.
디자인 토큰 색상, 간격, 타이포그래피가 테마 구성에서 흘러나옵니다.
shadcn 스타터 · TypeScript · 플랫폼 UI 패키지 · 테마
사용 사례

팀이 실제로 만드는 것.

Relpin은 큐, CRUD 워크플로, 승인 흐름, 대시보드 및 예외 분류와 같은 일반적인 운영 도구를 대상으로 합니다.

관리자 패널

사용자 및 시스템 관리

감사 지원 작업 및 작업 상태 보기가 포함된 역할 범위의 관리 인터페이스입니다.

CRUD 앱

데이터 관리 도구

유효성 검사, 검색 및 페이지 매김 기능이 내장된 완전한 생성-읽기-업데이트-삭제 워크플로입니다.

승인 워크플로

다단계 검토 프로세스

역할 게이트, 에스컬레이션 규칙 및 전체 감사 추적을 갖춘 구성 가능한 승인 체인입니다.

운영 대시보드

실시간 시스템 모니터링

통제된 데이터 경로를 통해 연결된 운영 지표, 경고 임계값 및 드릴다운 보기.

접수 양식

섭취 및 데이터 수집

워크플로 트리거, 커넥터 호출 및 테넌트 감사 이벤트가 포함된 검증된 접수 양식입니다.

예외 심사

예외 및 큐 관리

서버 측 필터링, 우선 순위 정렬 및 할당 워크플로가 포함된 작업 항목 큐.

운영 사용 사례 지원 · 업무 시작 가능 · 통제된 내부 도구
App Builder

설정을 멈추고.
코딩을 시작하세요.

실제 TypeScript 프로젝트. 컨테이너 지원 미리보기. 서버 측 데이터 경로. 통제형 배포를 위한 고정된 빌드 아티팩트입니다.

오픈 베타 · 데모 작업 공간 포함 · 거버넌스 중심

코드 우선 · 통제된 릴리스 · 서버 측 쿼리 · 작동하도록 구축