TinaCloud란?

코드 편집기 화면

웹사이트를 만들 때 콘텐츠를 누가, 어떻게 수정하느냐는 항상 골치 아픈 문제입니다. 개발자가 직접 코드를 고쳐야 한다면 비효율적이고, 그렇다고 WordPress 같은 전통적인 CMS를 쓰면 기술 스택이 복잡해집니다. TinaCloud는 이 문제를 Git을 중심으로 깔끔하게 해결한 헤드리스 CMS입니다.

TinaCloud는 TinaCMS의 클라우드 버전입니다. TinaCMS는 오픈소스 헤드리스 CMS로, GitHub 저장소의 마크다운(MDX) 파일을 GUI로 편집할 수 있게 해주는 도구입니다. TinaCloud는 여기에 클라우드 호스팅, 인증, 실시간 협업 기능을 더한 SaaS 서비스입니다.

쉽게 말하면: **"GitHub에 있는 마크다운 파일을 코드 없이 예쁜 편집기로 수정할 수 있는 서비스"**입니다.

핵심 개념: Git 기반 CMS

전통적인 CMS(WordPress, Drupal 등)는 데이터를 데이터베이스에 저장합니다. 반면 TinaCloud는 콘텐츠를 **Git 저장소(마크다운 파일)**에 저장합니다.

Git 기반 워크플로우

이 방식의 장점:

콘텐츠 변경 이력이 Git 커밋으로 자동 기록됨
코드와 콘텐츠를 같은 저장소에서 관리 가능
별도 데이터베이스 서버 불필요
PR(Pull Request)로 콘텐츠 검토/승인 가능

어떻게 작동하나요?

GitHub 저장소 연결 — TinaCloud 계정을 GitHub 저장소에 연결합니다.
스키마 정의 — tina/config.ts 파일에서 콘텐츠 구조(필드 이름, 타입 등)를 정의합니다.
편집기 접근 — /admin 경로로 접속하면 시각적 편집 UI가 나타납니다.
편집 → 저장 — 편집 내용을 저장하면 TinaCloud가 자동으로 GitHub에 커밋을 생성합니다.
빌드 트리거 — Vercel, Netlify 등 배포 플랫폼이 커밋을 감지해 자동 빌드·배포합니다.

주요 기능

시각적 편집 (Visual Editing)

TinaCloud의 가장 큰 차별점은 실시간 미리보기 편집입니다. 편집기 왼쪽에서 내용을 수정하면 오른쪽 미리보기 화면이 즉시 반영됩니다. WordPress의 구텐베르크 에디터와 비슷한 경험을 정적 사이트에서도 누릴 수 있습니다.

MDX 지원

마크다운에 JSX 컴포넌트를 삽입할 수 있는 MDX 형식을 완벽 지원합니다. 블로그 글 안에 인터랙티브 React 컴포넌트를 삽입하는 것도 GUI에서 클릭 몇 번으로 가능합니다.

GraphQL API

TinaCloud는 콘텐츠를 GraphQL API로 제공합니다. Next.js 등 프레임워크에서 getStaticProps나 서버 컴포넌트로 데이터를 가져올 때 타입-세이프하게 쿼리할 수 있습니다.

팀 협업 및 권한 관리

TinaCloud 유료 플랜에서는 팀원별로 편집 권한을 설정할 수 있습니다. 개발자가 아닌 에디터(편집자, 마케터)도 GitHub 계정 없이 콘텐츠를 수정할 수 있게 해줍니다.

TinaCloud vs 다른 CMS 비교

	TinaCloud	WordPress	Contentful	Sanity
콘텐츠 저장	Git (마크다운)	MySQL	클라우드 DB	클라우드 DB
오픈소스	예 (TinaCMS)	예	아니오	아니오
시각적 편집	예 (실시간 미리보기)	예	제한적	예
정적 사이트 친화성	매우 높음	낮음	높음	높음
무료 플랜	예 (개인 프로젝트)	예	제한적	예
기술 난이도	중간	낮음	낮음~중간	중간

어떤 프로젝트에 적합한가요?

TinaCloud가 잘 맞는 경우:

Next.js, Gatsby, Astro 등 정적/하이브리드 사이트 프로젝트
마크다운 파일로 콘텐츠를 관리하는 개발자 블로그, 문서 사이트
콘텐츠를 Git으로 버전 관리하고 싶은 팀
별도 백엔드 서버 없이 Jamstack 아키텍처로 운영하고 싶을 때

TinaCloud가 맞지 않는 경우:

대규모 e-커머스, 복잡한 DB 쿼리가 필요한 서비스
비개발자 혼자 사이트를 처음부터 구축해야 하는 경우
실시간 동적 데이터가 많은 웹 애플리케이션

가격

무료 플랜: 개인 프로젝트, 오픈소스 저장소 대상, 편집자 2명까지
스타터 플랜: 월 $29, 편집자 5명, 미디어 관리 포함
비즈니스 플랜: 월 $99, 무제한 편집자, 팀 권한 관리

자체 서버에서 운영하는 **오픈소스 버전(TinaCMS)**은 무료로 사용할 수 있습니다.

정리

TinaCloud는 **"개발자 친화적인 콘텐츠 편집 경험"**을 만들어줍니다. Git과 마크다운 기반이라 개발자에게 익숙하면서도, 시각적 편집 UI를 통해 비개발자도 손쉽게 콘텐츠를 관리할 수 있습니다.

Next.js 기반 블로그나 문서 사이트를 운영 중이라면 한 번 시도해볼 만한 도구입니다. 특히 Vercel + GitHub + TinaCloud 조합은 별도 서버 없이 완전한 콘텐츠 관리 파이프라인을 구성할 수 있어 인기를 끌고 있습니다.