qwikcn

️ Este proyecto se encuentra en una fase experimental. ¡Siéntete bienvenido a pasar un rato con nosotros en Discord si te gusta el proyecto!

qwikcn

Igual que shadcn/ui pero para Qwik. Parte del ? pila.

El objetivo de este componente biblioteca collection es tener el primer conjunto completo y listo para producción de componentes reutilizables para aplicaciones Qwik con capacidad de copiar/pegar a la shadcn para una máxima personalización.

️ Este no es un puerto 100%. Estar en Qwik significa que qwikcn debe usar bibliotecas sin cabeza compatibles con Qwik (hola qwik-ui y modular-forms) que pueden tener una API ligeramente diferente en comparación con las bibliotecas sin cabeza de shadcn (como radix/ui o reaccionar-hook-form). Como consecuencia, la compatibilidad se establecerá en la medida de lo posible, pero mantendré el sistema de diseño base lo más parecido posible. Puede esperar una paridad del 90%.

️ Bajo el capó, qwikcn utiliza una combinación de componentes sin cabeza de qwik-ui, componentes shadcn de qwikify$ed y elementos html. Todavía no hay muchos componentes listos para producción en qwik-ui, por lo que qwikcn los adoptará a medida que estén listos para producción. Hasta entonces, los componentes shadcn headless más complejos y no utilizados con frecuencia serán qwikificados, aunque eso puede disminuir el rendimiento; y aquellos que probablemente se reutilizarán mucho se servirán como elementos html, aunque eso podría significar menos accesibilidad.

Contribuyendo

Lea la guía de contribución.

Licencia

Licenciado bajo la licencia MIT.

Generador de sitios estáticos (Node.js)

pnpm build.server

Borde Vercel

Este sitio de inicio está configurado para implementarse en Vercel Edge Functions, lo que significa que se representará en una ubicación de borde cerca de sus usuarios.

Instalación

El adaptador agregará un nuevo vite.config.ts dentro del directorio adapters/ y se creará un nuevo archivo de entrada, como por ejemplo:

 └── adapters/
    └── vercel-edge/
        └── vite.config.ts
└── src/
    └── entry.vercel-edge.tsx

Además, dentro de package.json , el script build.server se actualizará con la compilación de Vercel Edge.

Construcción de producción

Para crear la aplicación para producción, utilice el comando build . Este comando ejecutará automáticamente pnpm build.server y pnpm build.client :

pnpm build

Lea la guía completa aquí

Implementación de desarrolladores

Para implementar la aplicación para desarrollo:

pnpm deploy

Tenga en cuenta que es posible que necesite una cuenta de Vercel para completar este paso.

Implementación de producción

El proyecto está listo para ser implementado en Vercel. Sin embargo, necesitarás crear un repositorio git y enviarle el código.

Puede implementar su sitio en Vercel mediante la integración de un proveedor de Git o mediante la CLI de Vercel.