제로프레스

제로프레스는 블로그, 매거진, 포트폴리오, 문서 사이트를 위한 CMS와 발행 도구입니다. 콘텐츠를 작성하고 관리한 뒤, 원하는 호스팅에서 운영할 수 있는 정적 HTML 웹사이트로 발행합니다.

다섯 가지 사용 예제

제로프레스로 구성한 서로 다른 다섯 가지 사이트를 살펴보세요.

예제	사이트 유형	살펴볼 내용
The Margin	에디토리얼 매거진	주요 기사, 카테고리별 아카이브, 긴 글을 위한 본문 구성. 관리자 대시보드 데모
Æther Quarterly	비주얼 저널	큐레이션한 표지, 에세이, 이미지 중심의 편집 구성.
Commonplace	개인 블로그	에세이와 독서 노트, 주제별 탐색, 날짜순 아카이브.
Alex Kim	디자인 포트폴리오	대표 프로젝트, 상세 사례 연구, 작업자 소개.
ZeroPress Build Pages	기술 문서	시작 가이드, Markdown 발행 방법, 설정 레퍼런스.

주요 특징

원하는 방식으로 작성합니다. Studio의 시각적 편집기, Markdown 파일, 직접 구성한 콘텐츠 처리 흐름을 사용할 수 있습니다.
사이트에 맞는 디자인을 만듭니다. HTML, CSS, JavaScript로 테마를 제작하고 로컬 미리보기와 검증 도구로 확인합니다.
정적 HTML로 발행합니다. 방문할 때마다 CMS가 페이지를 생성하지 않아도 본문을 제공할 수 있습니다.
콘텐츠를 쉽게 찾도록 돕습니다. 지원하는 테마와 설정으로 사이트 검색, RSS 피드, 사이트맵을 사용할 수 있습니다.
필요한 도구를 더합니다. Studio의 AI 보조 기능을 선택적으로 사용하고, ZeroPress Edge로 댓글·폼·뉴스레터를 연결할 수 있습니다.

생태계와 발행 흐름

Studio, Markdown, WordPress 가져오기 중 원하는 방식으로 시작합니다. @zeropress/build는 Preview Data와 제로프레스 테마로 정적 HTML과 자산을 생성하며, 생성한 파일은 별도의 배포 과정으로 원하는 호스팅에 올립니다.

flowchart TD
  accTitle: 제로프레스 생태계와 발행 흐름
  accDescr: Studio, Build Pages를 통한 Markdown, WXR Import를 통한 WordPress 콘텐츠가 Preview Data로 모입니다. ZeroPress Build가 테마와 함께 정적 파일을 만들고, 이를 호스팅에 배포합니다. 공개 사이트는 필요에 따라 댓글, 폼, 뉴스레터용 Edge API를 호출합니다.
  studio["<a href='https://github.com/zeropress-app/zeropress-studio' target='_blank' rel='noopener' title='GitHub 저장소 보기'>ZeroPress Studio</a><br/>콘텐츠·미디어 관리"] --> data["Preview Data"]
  markdown["Markdown<br/><a href='https://github.com/zeropress-app/zeropress-build-pages' target='_blank' rel='noopener' title='GitHub 저장소 보기'>@zeropress/build-pages</a>"] --> data
  wordpress["WordPress WXR<br/><a href='https://github.com/zeropress-app/zeropress-wxr-import' target='_blank' rel='noopener' title='GitHub 저장소 보기'>@zeropress/wxr-import</a>"] --> data
  data --> build["<a href='https://github.com/zeropress-app/zeropress-build' target='_blank' rel='noopener' title='GitHub 저장소 보기'>@zeropress/build</a>"]
  theme["<a href='https://github.com/zeropress-app/zeropress-create-theme' target='_blank' rel='noopener' title='테마 만들기 · GitHub'>제로프레스 테마</a>"] --> build
  build --> output["정적 HTML + 자산"]
  output -->|배포| site["공개 사이트<br/>정적 호스팅"]
  site -.->|선택적 API 호출| edge["<a href='https://github.com/zeropress-app/zeropress-edge' target='_blank' rel='noopener' title='GitHub 저장소 보기'>ZeroPress Edge</a><br/>댓글·폼·뉴스레터"]

링크가 있는 이름을 누르면 관련 GitHub 프로젝트가 새 탭에서 열립니다.

기반 기술

Studio와 Edge는 Cloudflare를 기반으로 동작합니다. 발행한 정적 사이트는 원하는 호스팅에서 운영할 수 있습니다.

Studio 인프라

Workers: 글을 쓰고 콘텐츠를 관리하는 작업 공간을 제공합니다.
D1: 콘텐츠, 계정, 사이트 설정을 저장합니다.
R2: 이미지와 미디어를 보관합니다.
KV: 안전한 로그인을 돕습니다.
Workers AI: 초안을 작성하고, 글을 다듬고, 이미지를 만듭니다.

공개 사이트 인프라

Pages 또는 Workers Static Assets: 전 세계 독자에게 사이트를 전달합니다.
R2: 이미지와 미디어를 제공합니다.
Workers + D1: 댓글·폼·뉴스레터 기능을 제공합니다.
KV: 댓글과 폼을 빠르게 이용할 수 있도록 돕습니다.
Queues: 뉴스레터와 알림 메일의 발송을 지원합니다.