tinacms/tinacms

마크다운·MDX 기반 헤드리스 CMS로 Git 중심의 콘텐츠 관리와 라이브 프리뷰를 제공합니다

완성 앱맘대로 써도 됨 · Apache-2.0웹·Next.js·풀스택난이도
13,422+0이번 주716379TypeScript
데모·홈페이지 열기tina.io
중간맛 분석

스택: TypeScript, GraphQL, React, Next.js / 난이도: 중상(GraphQL 쿼리 이해 필요) / 즉시 사용 가능: npx create-tina-app@latest로 스타터 프로젝트 1분 내 구성 / 데모: tina.io 데모 사이트 또는 GitHub Discussions에서 라이브 프리뷰 스크린샷 확인 가능 / 마크다운·MDX·JSON·YAML 지원, 문서 간 참조(references) 기능 내장

이런 레포예요

이럴 때 쓰면 좋아요

  • 개발자 중심 팀이 마크다운 블로그를 운영하면서 비개발자도 편하게 콘텐츠 편집하고 싶을 때
  • Git 기반 워크플로우를 유지하면서 CMS의 관리 UI가 필요한 정적 사이트 생성기 프로젝트
  • Next.js로 만든 문서화 사이트에 라이브 프리뷰와 온라인 편집 기능을 추가하고 싶을 때

핵심 기능

GraphQL을 통한 마크다운/MDX 콘텐츠 쿼리비기술자 친화적 라이브 프리뷰 편집 UI문서 간 참조(references) 지원

대안 대비 차별점

Forestry의 후속 버전으로 Git 중심 워크플로우를 철저히 지켜 DevOps와 콘텐츠 관리의 경계를 없앤 점이 차별점입니다

준비물
  • Node.js (최신 LTS 버전)
  • Git (콘텐츠 버전 관리용)
  • GitHub 계정 (선택, TinaCloud 클라우드 엔드포인트 이용 시)
바로 시작하기
  1. 새 Tina 앱 생성하기
npx create-tina-app@latest
  1. 프로젝트 디렉토리로 이동
cd your-tina-app
  1. 의존성 설치 및 개발 서버 실행(상세 명령어는 README의 'Getting Started' 섹션 및 공식 문서 참조)
별 추이 · 7일
13,422+0 / 7일
활용성 · 따라 만들기 좋은가
베스트 샘플샘플 점수 80/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2019년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기