프론트엔드 개발자를 위한
Lightweight Infrastructure

CMS, REST API 그리고 RAG까지. Supabase 없이 프론트엔드 개발에만 집중하세요.

How It Works

3단계로 시작하세요

  1. 1

    프로젝트 생성

    Workspace 안에 프로젝트를 만들고 테이블 스키마를 정의합니다.

  2. 2

    API Key 발급

    프로젝트 API Key를 발급받아 REST API로 데이터에 접근합니다.

  3. 3

    프론트엔드 연동

    콘텐츠를 Fetch하거나 Webhook으로 빌드를 트리거합니다.

Tables & API

구조화된 콘텐츠를 즉시 API로

타입이 지정된 컬럼으로 데이터를 설계하고, 발행하는 즉시 REST API로 제공됩니다.

  • TEXT, NUMBER, DATE, BOOLEAN, CATEGORY, FILE 등 타입 지정 컬럼
  • 콘텐츠 발행(Publish) 워크플로우
  • REST API로 즉시 제공
기능 자세히 보기
products.ts
typescript
const response = await fetch(  'https://api.onttle.com/v1/{{projectId}}/tables/products/contents?status=PUBLISHED&locale=en&page=1&limit=20',  {    headers: {      Authorization: `Bearer ${process.env.ONTTLE_API_KEY}`,    },  },) const products = await response.json()
AI & Automation

콘텐츠 작업을 AI로 자동화

반복적인 콘텐츠 입력과 정리를 AI가 대신합니다.

  • Auto-fill: 기존 데이터 패턴을 학습해 빈 셀 자동 채우기
  • 컬럼 추천: 테이블 구조에 맞는 컬럼 자동 제안
  • OCR: 이미지·PDF 파일에서 텍스트 자동 추출
REST API

어떤 프론트엔드에서도 하나의 API로

별도 클라이언트 라이브러리 없이 모든 프레임워크와 런타임에서 표준 HTTP 요청으로 연동하세요.

API 문서 보기 →
terminal
bash
curl https://api.onttle.com/v1/{{projectId}}/tables/posts/contents \  -H "Authorization: Bearer $ONTTLE_API_KEY"
app.ts
typescript
const response = await fetch(  'https://api.onttle.com/v1/{{projectId}}/tables/posts/contents?status=PUBLISHED&locale=ko',  {    headers: {      Authorization: `Bearer ${process.env.ONTTLE_API_KEY}`,    },  },) const posts = await response.json()

사용한 만큼만 지불하세요

신규 워크스페이스에 5 크레딧 무료 제공, 이후 사용량 기반 과금

데이터 저장
API 호출
파일 업로드
AI 토큰
요금제 자세히 보기 →
Enterprise

Onttle을 온프레미스로

Onttle CMS를 사내 인프라에 직접 설치하고 데이터를 완전히 통제하세요

온프레미스 설치
보안·규제 준수
내부 시스템 연동
예측 가능한 비용
Enterprise 자세히 보기 →

지금 바로 시작해보세요. 무료 크레딧으로 모든 기능을 체험할 수 있습니다.

무료로 시작하기