본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

emdash-cms/emdash

TypeScript0 / 0

Astro와 Cloudflare에 결합하는 타입 안전한 WordPress 대안 CMS

TL;DR

EmDash는 Astro와 Cloudflare를 기반으로 관리자 패널, REST API, 인증, 미디어 관리, 플러그인 시스템을 제공하는 full-stack TypeScript CMS이며 Astro 통합 형태로 사이트에 연결됩니다. 콘텐츠 타입은 관리자 UI에서 실제 SQL 테이블로 만들고 `npx emdash types`로 TypeScript 타입을 생성한 뒤 Astro Live Collections로 조회합니다. Portable Text, WordPress 가져오기, Passkey 인증, CLI, MCP server, 샌드박스 플러그인을 제공해 WordPress의 운영 경험을 서버리스·타입 안전 구조로 옮기려는 프로젝트입니다. Cloudflare D1·R2·Workers에서 가장 자연스럽게 동작하지만 SQLite·Turso·PostgreSQL과 S3 계열 저장소도 지원하며, Dynamic Workers 플러그인은 유료 Cloudflare 계정이 필요하고 현재 beta preview입니다.

핵심 포인트

  • EmDash는 Astro 통합으로 관리자 패널, REST API, 인증, 미디어 라이브러리를 한 번에 추가하는 full-stack CMS입니다. Cloudflare의 D1·R2·Workers 또는 Node.js와 SQLite에서 실행되므로 PHP와 별도 호스팅 계층 없이 배포할 수 있습니다. Astro 기반 사이트에 CMS 기능을 직접 결합하려는 팀에 적합합니다.
  • 콘텐츠 타입은 코드가 아니라 관리자 UI에서 컬렉션과 SQL 타입 컬럼으로 정의됩니다. `npx emdash types`가 실제 스키마에서 TypeScript 타입을 만들고, Astro Live Collections가 재빌드 없이 콘텐츠를 조회합니다. 비개발자 중심의 콘텐츠 운영과 타입 안전한 프런트엔드 개발을 함께 처리할 수 있습니다.
  • Plugin은 `definePlugin()`과 lifecycle hook을 사용하고, Cloudflare에서는 capability manifest를 가진 Worker isolate 안에서 실행됩니다. 플러그인은 `read:content`나 `email:send`처럼 허용된 기능만 사용하며 KV 저장소, 설정, 관리자 페이지, 위젯, API route도 확장할 수 있습니다. WordPress 플러그인의 강한 권한 문제를 줄이면서 생태계를 구축하려는 경우에 의미가 있습니다.
  • Portable Text 기반 구조화 콘텐츠, Passkey 우선 인증, FTS5 검색, 예약 발행, WordPress 가져오기, CLI와 MCP server를 함께 제공합니다. WordPress의 WXR·REST API·WordPress.com 데이터에서 게시물·페이지·미디어·택소노미를 옮길 수 있습니다. 다만 현재 beta preview이며 Dynamic Workers 기반 보안 플러그인은 Cloudflare 유료 계정이 필요합니다.

이미지 분석

상단에 블로그 이름과 검색·Home·About·Posts 메뉴가 있고, 본문에는 대표 게시물과 최신 콘텐츠 카드가 배치된 Blog 템플릿 화면입니다.
이미지는 EmDash의 Blog 템플릿이 검색, 내비게이션, 대표 글, 최신 글 목록을 하나의 콘텐츠 화면으로 구성하는 방식을 보여줍니다. README에 적힌 카테고리·태그, RSS, 댓글 대응, 다크·라이트 모드 같은 블로그 운영 기능을 적용할 수 있는 시작점입니다.
Acme 브랜드의 Marketing 템플릿으로, Features·Pricing·Contact 메뉴와 무료 체험·데모 CTA를 포함한 랜딩 페이지가 보입니다.
이미지는 큰 제품 문구와 보조 설명, 두 개의 CTA, 보라색 계열의 추상 그래픽을 사용하는 전환 중심 랜딩 페이지 구조를 담고 있습니다. README의 가격 카드, 기능 그리드, FAQ, 문의 폼을 결합해 SaaS나 제품 소개 사이트를 시작하는 용도에 맞습니다.
Studio라는 이름의 Portfolio 템플릿에서 Work 제목, 프로젝트 설명, Art Direction·Development·E-commerce 등의 필터와 이미지 기반 작업 그리드가 표시됩니다.
이미지는 작업 분야 필터와 두 열의 프로젝트 카드, 프로젝트명·의뢰처·연도 메타데이터를 중심으로 한 포트폴리오 화면을 보여줍니다. README의 프로젝트 그리드, 태그 필터링, 케이스 스터디 페이지, RSS 기능을 활용해 창작자 작업물을 관리하는 구조입니다.

12k

STARS

1.1k

FORKS

+211

TRENDING

0

조회수

watchers 12kopen issues 277MIT License

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.