qwikcn

️ Ce projet est en phase expérimentale. N'hésitez pas à passer du temps avec nous sur Discord si vous aimez le projet !

qwikcn

Tout comme shadcn/ui mais pour Qwik. Une partie du ? empiler.

Le but de ce composant bibliothèque collection est de disposer du premier ensemble complet et prêt pour la production de composants réutilisables pour les applications Qwik avec une capacité de copier/coller à la shadcn pour une personnalisation maximale.

️ Ce n'est pas un portage à 100 %. Être sur Qwik signifie que qwikcn doit utiliser des bibliothèques sans tête compatibles Qwik (salut qwik-ui et modular-forms) qui peuvent avoir une API légèrement différente de celle des bibliothèques sans tête de shadcn (telles que radix/ui ou réagir-hook-form). En conséquence, la compatibilité sera définie dans la mesure du possible, mais je veillerai à garder le système de conception de base aussi proche que possible. Vous pouvez vous attendre à une parité de 90 %.

️ Sous le capot, qwikcn utilise une combinaison de composants sans tête de qwik-ui, de composants shadcn de qwikify$ed et d'éléments html. Il n'y a pas encore beaucoup de composants prêts pour la production dans qwik-ui, donc qwikcn les adoptera au fur et à mesure qu'ils seront prêts pour la production. D'ici là, les composants sans tête shadcn les plus complexes et les moins souvent utilisés seront qwikify$, même si cela peut diminuer les performances ; et ceux susceptibles d'être réutilisés en grande partie seront servis comme éléments HTML, même si cela peut signifier moins d'accessibilité.

Contribuer

Veuillez lire le guide de contribution.

Licence

Sous licence MIT.

Générateur de sites statiques (Node.js)

pnpm build.server

Vercel Bord

Ce site de démarrage est configuré pour être déployé sur Vercel Edge Functions, ce qui signifie qu'il sera rendu à un emplacement périphérique proche de vos utilisateurs.

Installation

L'adaptateur ajoutera un nouveau vite.config.ts dans le répertoire adapters/ et un nouveau fichier d'entrée sera créé, tel que :

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

De plus, dans le package.json , le script build.server sera mis à jour avec la version Vercel Edge.

Construction de la production

Pour créer l'application pour la production, utilisez la commande build , cette commande exécutera automatiquement pnpm build.server et pnpm build.client :

pnpm build

Lisez le guide complet ici

Déploiement de développement

Pour déployer l'application pour le développement :

pnpm deploy

Notez que vous aurez peut-être besoin d'un compte Vercel pour effectuer cette étape !

Déploiement en production

Le projet est prêt à être déployé à Vercel. Cependant, vous devrez créer un référentiel git et y envoyer le code.

Vous pouvez déployer votre site sur Vercel soit via une intégration de fournisseur Git, soit via la CLI Vercel.