qwikcn

️ Dieses Projekt befindet sich in einer experimentellen Phase. Fühlen Sie sich herzlich willkommen, mit uns auf Discord abzuhängen, wenn Ihnen das Projekt gefällt!

qwikcn

Genau wie shadcn/ui, aber für Qwik. Ein Teil des ? Stapel.

Das Ziel dieser Komponente Bibliothek Die Sammlung soll über den ersten vollständigen, produktionsbereiten Satz wiederverwendbarer Komponenten für Qwik-Anwendungen mit Kopier-/Einfügefähigkeit a la shadcn für maximale Anpassbarkeit verfügen.

️ Dies ist kein 100%iger Port. Die Nutzung von Qwik bedeutet, dass qwikcn Qwik-kompatible Headless-Bibliotheken (hi qwik-ui & modular-forms) verwenden muss, die eine etwas andere API als die Headless-Bibliotheken von shadcn (wie radix/ui oder React-Hook-Form) haben können. Daher wird die Kompatibilität nach bestem Wissen und Gewissen eingestellt, aber ich werde das Basisdesignsystem so nah wie möglich beibehalten. Sie können eine Parität von 90 % erwarten.

️ Unter der Haube verwendet qwikcn eine Kombination aus den Headless-Komponenten von qwik-ui, den qwikify$ed-Shadcn-Komponenten und HTML-Elementen. Es gibt noch nicht viele produktionsreife Komponenten in qwik-ui, daher wird qwikcn diese übernehmen, sobald sie produktionsbereit sind. Bis dahin werden die komplexesten, nicht oft verwendeten Headless-Shadcn-Komponenten qwikifiziert, auch wenn dies die Leistung beeinträchtigen kann; und diejenigen, die wahrscheinlich häufig wiederverwendet werden, werden als HTML-Elemente bereitgestellt, auch wenn dies möglicherweise eine geringere Zugänglichkeit bedeutet.

Mitwirken

Bitte lesen Sie den beitragenden Leitfaden.

Lizenz

Lizenziert unter der MIT-Lizenz.

Statischer Site-Generator (Node.js)

pnpm build.server

Vercel-Rand

Diese Starter-Site ist für die Bereitstellung auf Vercel Edge Functions konfiguriert, was bedeutet, dass sie an einem Edge-Standort in der Nähe Ihrer Benutzer gerendert wird.

Installation

Der Adapter fügt eine neue vite.config.ts im Verzeichnis adapters/ hinzu und es wird eine neue Eintragsdatei erstellt, wie zum Beispiel:

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

Darüber hinaus wird innerhalb der package.json das build.server -Skript mit dem Vercel Edge-Build aktualisiert.

Produktionsaufbau

Um die Anwendung für die Produktion zu erstellen, verwenden Sie den build -Befehl. Dieser Befehl führt automatisch pnpm build.server und pnpm build.client aus:

pnpm build

Lesen Sie hier den vollständigen Leitfaden

Entwicklerbereitstellung

So stellen Sie die Anwendung für die Entwicklung bereit:

pnpm deploy

Beachten Sie, dass Sie möglicherweise ein Vercel-Konto benötigen, um diesen Schritt abzuschließen!

Produktionsbereitstellung

Das Projekt ist bereit für die Bereitstellung in Vercel. Sie müssen jedoch ein Git-Repository erstellen und den Code dorthin übertragen.

Sie können Ihre Site entweder über eine Git-Provider-Integration oder über die Vercel-CLI in Vercel bereitstellen.