qwikcn
1.0.0
️ 이 프로젝트는 실험 단계에 있습니다. 프로젝트가 마음에 드신다면 Discord에서 저희와 함께 시간을 보내주세요!
shadcn/ui와 비슷하지만 Qwik용입니다. 의 일부? 스택.
이 구성 요소의 목표 도서관 컬렉션은 사용자 정의 가능성을 극대화하기 위해 복사/붙여넣기 기능을 갖춘 Qwik 애플리케이션용 재사용 가능 구성 요소의 완전한 프로덕션 준비 세트를 최초로 제공하는 것입니다.
️ 100% 포트는 아닙니다. Qwik을 사용한다는 것은 qwikcn 이 shadcn의 헤드리스 라이브러리(예: radix/ui 또는 React-hook-form)와 약간 다른 API를 가질 수 있는 Qwik 호환 헤드리스 라이브러리(hi qwik-ui 및 모듈러 형식)를 사용해야 함을 의미합니다. 결과적으로 호환성은 최선을 다해 설정되지만 기본 디자인 시스템은 최대한 가깝게 유지하겠습니다. 90% 패리티를 기대할 수 있습니다.
️ 내부적으로 qwikcn qwik-ui의 헤드리스 구성 요소, qwikify$ed shadcn 구성 요소 및 html 요소의 조합을 사용합니다. qwik-ui에는 아직 프로덕션 준비가 된 구성 요소가 많지 않으므로 qwikcn 프로덕션 준비가 완료되면 해당 구성 요소를 채택할 것입니다. 그때까지 가장 복잡하고 자주 사용되지 않는 shadcn 헤드리스 구성 요소는 성능이 저하될 수 있음에도 불구하고 qwikify$ed됩니다. 많이 재사용될 가능성이 있는 요소는 접근성이 떨어지더라도 html 요소로 제공됩니다.
기여 가이드를 읽어보세요.
MIT 라이센스에 따라 라이센스가 부여되었습니다.
pnpm build.server이 시작 사이트는 Vercel Edge Functions에 배포하도록 구성되어 있습니다. 즉, 사용자와 가까운 엣지 위치에서 렌더링됩니다.
어댑터는 adapters/ 디렉토리 내에 새 vite.config.ts 추가하고 다음과 같은 새 항목 파일이 생성됩니다.
└── adapters/
└── vercel-edge/
└── vite.config.ts
└── src/
└── entry.vercel-edge.tsx
또한 package.json 내에서 build.server 스크립트가 Vercel Edge 빌드로 업데이트됩니다.
프로덕션용 애플리케이션을 빌드하려면 build 명령을 사용하세요. 이 명령은 자동으로 pnpm build.server 및 pnpm build.client 실행합니다.
pnpm build여기에서 전체 가이드를 읽어보세요.
개발용 애플리케이션을 배포하려면 다음 안내를 따르세요.
pnpm deploy이 단계를 완료하려면 Vercel 계정이 필요할 수 있습니다!
프로젝트가 Vercel에 배포될 준비가 되었습니다. 그러나 git 저장소를 만들고 여기에 코드를 푸시해야 합니다.
Git 제공업체 통합이나 Vercel CLI를 통해 사이트를 Vercel에 배포할 수 있습니다.
