Onttle의 모든 기능

프론트엔드 개발에 필요한 콘텐츠 인프라를 한 곳에서

Tables & Contents

테이블 & 콘텐츠

타입이 지정된 컬럼으로 데이터를 구조화하고 발행 상태를 관리합니다.

  • 타입 지정 컬럼 (TEXT, NUMBER, DATE, BOOLEAN, CATEGORY, FILE 등)
  • 콘텐츠 발행(Publish) 상태 관리
  • 다중 테이블, 컬럼 옵션 (required, unique, localization, autoIncrement 등)
테이블의 행에 콘텐츠가 채워지고 상세 문서로 펼쳐지는 일러스트레이션
Auto-generated CMS

스키마를 정의하면 CMS가 바로 생성됩니다

테이블 스키마를 기반으로 콘텐츠를 관리할 수 있는 CMS 화면을 자동으로 구성합니다.

  • 별도의 관리자 화면 개발 없이 콘텐츠 폼과 목록 자동 생성
  • 컬럼 타입에 맞는 입력 UI와 유효성 검사 제공
  • 초안, 검토, 발행, 버전 이력을 생성 즉시 관리
테이블 스키마에서 입력 폼과 발행 기능을 갖춘 CMS가 생성되는 일러스트레이션
API & API Keys

API & API Keys

REST API와 API Key로 어디서든 안전하게 데이터에 접근하세요.

  • REST API 엔드포인트 구조 제공
  • Hostname 기반으로 보안 제어
  • Endpoint별 활성화 제어
app.js
javascript
const response = await fetch(  'https://api.onttle.com/v1/{{projectId}}/tables/posts/contents',  {    headers: {      Authorization: `Bearer ${process.env.ONTTLE_API_KEY}`,    },  },) const contents = await response.json() // {//   "list": [//     { "id": "cnt_01", "title": "Hello Onttle", ... }//   ],//   "pagination": { "page": 1, "total": 42 }// }
Translations

다국어 번역

키-값 기반 번역 리소스를 프로젝트별로 관리하고 API로 제공합니다.

  • 키-값 번역 리소스 관리
  • 지원 언어 추가/관리
  • API로 locale별 번역 제공
  • 프론트엔드 i18n 라이브러리와 연동
i18n.ts
typescript
const response = await fetch(  'https://api.onttle.com/v1/{{projectId}}/translations',  {    headers: {      Authorization: `Bearer ${process.env.ONTTLE_API_KEY}`,    },  },) const messages = await response.json() // {//   "landing.hero.title": "Supabase + CMS + API를 한 번에",//   "landing.hero.cta": "무료로 시작하기"// }
File Storage

파일 스토리지

이미지와 문서를 업로드하고 최적화된 URL을 API로 제공합니다.

  • 이미지·문서 업로드 (S3 기반)
  • 이미지 자동 최적화
  • OCR 텍스트 추출 (이미지·PDF)
  • Presigned URL
이미지와 문서를 스토리지에 업로드하고 이미지 처리, OCR, URL을 제공하는 일러스트레이션
Variables & Categories

변수 & 카테고리

환경별 설정값과 선택지 목록을 중앙에서 관리합니다.

  • 환경별 설정값, 피처 플래그, 동적 설정을 API로 제공
  • 활성화/비활성화로 즉시 반영
  • 카테고리: 선택지 목록을 중앙 관리, 테이블 컬럼과 연동
variables.ts
typescript
const response = await fetch(  'https://api.onttle.com/v1/{{projectId}}/variables',  {    headers: {      Authorization: `Bearer ${process.env.ONTTLE_API_KEY}`,    },  },) const flags = await response.json() // {//   "MAINTENANCE_MODE": false,//   "MAX_UPLOAD_SIZE_MB": 20,//   "PROMO_BANNER_TEXT": "Launch sale - 30% off"// }
AI

AI 기능

콘텐츠 작업을 자동화하는 AI 기능을 제공합니다.

  • Auto-fill: 기존 데이터 패턴 기반 자동 채우기
  • 컬럼 추천: 테이블 구조에 맞는 컬럼 제안
  • AI Ask: 데이터 기반 Q&A
기존 데이터를 AI가 분석해 콘텐츠를 자동으로 채우고 답변을 생성하는 일러스트레이션
Vector Search

Vector 검색

테이블 데이터를 벡터 DB에 동기화해 시맨틱 검색을 제공합니다.

  • 테이블 → 벡터 DB 동기화 흐름
  • 시맨틱 검색 API 제공
  • Chats: 벡터 검색 기반 대화 기능
search.ts
typescript
const response = await fetch(  'https://api.onttle.com/v1/{{projectId}}/tables/articles/embeddings',  {    method: 'POST',    headers: {      Authorization: `Bearer ${process.env.ONTTLE_API_KEY}`,      'Content-Type': 'application/json',    },    body: JSON.stringify({      query: 'How do I reset my password?',      count: 5,    }),  },) const results = await response.json() // Semantic matches sorted by similarity
Team & Roles

팀 협업 & 권한

Workspace와 Project 2단계 구조에서 역할 기반으로 협업하세요.

  • Workspace / Project 2단계 구조
  • 역할: OWNER, ADMIN, EDITOR, GUEST
  • 역할별 기능 제한
  • 멤버 초대 흐름
워크스페이스와 프로젝트 아래 소유자, 관리자, 편집자, 게스트가 연결되는 일러스트레이션
Monitoring & Logs

모니터링 & 로그

사용량과 API 요청을 한눈에 확인하고 한도를 관리하세요.

  • 사용량 대시보드 (API 호출, 데이터 저장, 파일, AI 토큰)
  • API 요청 로그 조회
  • 월간 사용량 한도 설정
API 사용량 그래프, 사용 한도와 요청 로그가 표시되는 모니터링 일러스트레이션

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

무료로 시작하기