plasmic

Plasmic은 웹을 위한 오픈소스 비주얼 빌더로, 기존 코드베이스와 통합하면서 앱, 웹사이트, 콘텐츠를 빠르게 구축하는 것을 목표로 합니다. README는 사용자가 자신의 React 컴포넌트를 드래그 앤 드롭하고 화면을 기존 애플리케이션에 직접 게시할 수 있게 함으로써 "로우코드 한계를 돌파"하는 방법으로 이를 설명합니다. 설명된 주요 사용 사례는 콘텐츠 관리(마케팅 팀이 Next.js 사이트에서 등록된 React 컴포넌트로 디자인 가드레일을 적용해 랜딩 페이지를 구성), 애플리케이션 구축(내부 도구, 클라이언트 포털, 비즈니스 소프트웨어), 그리고 특정 이커머스 플랫폼, CMS, 호스트에 얽매이지 않는 일반 웹사이트 구축을 포함합니다. 강조된 주요 기능: - Plasmic Studio에서 빌딩 블록으로 사용할 임의의 커스텀 React 컴포넌트 등록. - 헤드리스 API와 선택적 React 코드 생성(코드베이스로의 코드젠). - 풍부한 상태 기반 상호작용, 데이터 소스 및 백엔드 통합, 컴포넌트, 변형, 슬롯, 조합 가능한 상태 관리와 같은 추상화. - react-aria 기반의 커스터마이즈 가능한 헤드리스 디자인 시스템 컴포넌트. - 단순화된 편집과 디자인 가드레일을 갖춘 콘텐츠 제작자 모드. - 멀티플레이어, 브랜칭, 프로젝트 간 가져오기, 다중 워크스페이스 조직을 포함한 협업 기능. - Figma의 벡터 문서 형식을 DOM/CSS로 변환하여 디자인을 가져오기. - 페이지 성능, 정적 사이트 생성, 이미지 최적화, 레이아웃 시프트 감소를 지향하는 코드젠. - Vercel, Netlify 또는 기타 호스팅 제공업체로의 배포 또는 내보내기. - RBAC와 사용자 범위 권한을 포함한 최종 사용자 인증 및 권한. - 포크하여 통제할 수 있는 오픈소스 플랫폼. README는 일반적인 CMS 통합 흐름을 보여줍니다: 프레임워크별 로더 패키지(예: @plasmicapp/loader-nextjs)를 설치하고, 선택적으로 PLASMIC.registerComponent로 앱 또는 디자인 시스템 컴포넌트를 등록하고, 앱에 PlasmicComponent 및 PlasmicRootProvider와 같은 플레이스홀더를 추가한 다음, 비개발자가 앱에 반영될 페이지나 섹션을 만들도록 합니다. 게시된 변경 사항은 웹훅, 증분 정적 재검증, 또는 Plasmic CDN에서의 동적 가져오기를 통해 반영될 수 있습니다. 또한 버전 관리 지침도 언급합니다: @plasmicapp 패키지들은 서로 동기화를 유지하기 위해 정확한 버전에 의존하며, @plasmicpkgs 패키지들은 피어 의존성 범위를 사용합니다. README는 npm list로 중복되거나 일치하지 않는 버전을 확인하고, 필요할 때 npm dedupe를 사용하거나 재설치할 것을 권장합니다. 라이선스: platform/ 외부의 콘텐츠는 MIT이며, platform/은 AGPL입니다. 커뮤니티 지원은 문서, 포럼, Slack 커뮤니티를 통해 제공됩니다.