프로젝트 소개

Saas UI는 B2B 애플리케이션 및 대시보드를 구축하는 팀을 위한 오픈 소스 디자인 시스템이자 소스 컴포넌트 레지스트리입니다. 이는 Chakra UI를 기반으로 하며, Chakra 프리미티브는 @chakra-ui/react에서, Saas UI 토큰과 레시피는 @saas-ui/chakra-preset에서 제공됩니다. Sidebar와 같은 편집 가능한 컴포지션은 @saas-ui/cli를 통해 애플리케이션에 설치됩니다. 해당 저장소에는 프리셋, 레지스트리 컴파일러 및 템플릿, CLI, 지원 패키지, 예제 및 문서 웹사이트가 포함되어 있습니다. 오픈 소스 배포판은 Chakra 토큰, 레시피, 시맨틱 스타일링 및 시스템 구성, 편집 가능한 레지스트리 컴포넌트 및 애플리케이션 컴포지션, CLI 초기화, 설치, 마이그레이션, diff 및 업데이트 워크플로우, 그리고 지원 훅, 폼, 인증 및 모달 패키지를 제공합니다. 별도의 Pro 오퍼링은 인증된 레지스트리를 통해 설치되는 프리미엄 편집 가능 애플리케이션 블록 카탈로그를 제공하며, README에는 Next.js SaaS 앱 예제, 인증 화면, 앱 레이아웃, DataGrid/DataBoard, 계정 및 설정 페이지, 기능 플래그, 결제/구독 관리, React Query를 이용한 모킹 API, 색상 체계, 테마, 온보딩 흐름 및 예제 페이지와 같은 Pro 영역이 언급되어 있습니다. 시작하려면 npx @saas-ui/cli@rc init을 사용하여 기존 React 프로젝트를 초기화한 후, npx @saas-ui/cli@rc add sidebar를 사용하여 편집 가능한 컴포넌트나 컴포지션을 추가합니다. 초기화 과정에서 호환되는 Chakra, Emotion 및 프리셋 의존성이 설치되고, components.json이 생성되며 로컬 프로바이더 설정이 설치됩니다. 기존 @saas-ui/react 사용자는 마이그레이션 가이드로 안내되며, 전환 기간 동안 해당 패키지는 계속 사용할 수 있으며 README에서 npm 지원 중단이나 제거가 이미 발생했다고 주장하지는 않습니다. 이 저장소는 pnpm 10 이상을 사용하는 pnpm 워크스페이스이며 Storybook, 패키지 빌드 및 문서 웹사이트를 위한 스크립트를 포함합니다. 문서 웹사이트는 프라이빗 패키지에 의존하므로 프라이빗 Git 서브모듈에 대한 액세스 없이는 완전히 빌드되지 않습니다. Saas UI 브랜딩 자산을 제외한 모든 코드는 MIT 라이선스 하에 제공됩니다.