qwikcn

️ Proyek ini sedang dalam tahap percobaan. Silakan berkumpul bersama kami di Discord jika Anda menyukai proyek ini!

qwikcn

Sama seperti shadcn/ui tetapi untuk Qwik. Bagian dari? tumpukan.

Tujuan dari komponen ini perpustakaan koleksinya adalah memiliki rangkaian komponen pertama yang lengkap dan siap produksi yang dapat digunakan kembali untuk aplikasi Qwik dengan kemampuan salin/tempel ala shadcn untuk kemampuan penyesuaian maksimum.

️ Ini bukan pelabuhan 100%. Berada di Qwik berarti qwikcn harus menggunakan pustaka headless yang kompatibel dengan Qwik (hi qwik-ui & modular-forms) yang dapat memiliki API yang sedikit berbeda dibandingkan dengan pustaka headless shadcn (seperti radix/ui atau react-hook-form). Sebagai konsekuensinya, kompatibilitas akan ditetapkan berdasarkan upaya terbaik, namun saya akan menjaga sistem desain dasar sedekat mungkin. Anda dapat mengharapkan paritas 90%.

️ Di bawah tenda, qwikcn menggunakan kombinasi komponen headless qwik-ui, komponen shadcn qwikify$ed, dan elemen html. Belum banyak komponen siap produksi di qwik-ui, jadi qwikcn akan mengadopsinya saat sudah siap produksi. Sampai saat itu, komponen headless shadcn yang paling rumit dan jarang digunakan akan menjadi qwikify$ed, meskipun hal itu dapat menurunkan kinerja; dan elemen yang cenderung sering digunakan kembali akan disajikan sebagai elemen html, meskipun hal itu mungkin berarti aksesibilitasnya berkurang.

Berkontribusi

Silakan baca panduan berkontribusi.

Lisensi

Berlisensi di bawah lisensi MIT.

Generator Situs Statis (Node.js)

pnpm build.server

Tepi Vercel

Situs awal ini dikonfigurasi untuk diterapkan ke Vercel Edge Functions, yang berarti situs tersebut akan dirender di lokasi edge yang dekat dengan pengguna Anda.

Instalasi

Adaptor akan menambahkan vite.config.ts baru di dalam direktori adapters/ , dan file entri baru akan dibuat, seperti:

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

Selain itu, dalam package.json , skrip build.server akan diperbarui dengan build Vercel Edge.

Pembangunan produksi

Untuk membangun aplikasi untuk produksi, gunakan perintah build , perintah ini secara otomatis akan menjalankan pnpm build.server dan pnpm build.client :

pnpm build

Baca panduan lengkapnya di sini

Penerapan pengembangan

Untuk menyebarkan aplikasi untuk pengembangan:

pnpm deploy

Perhatikan bahwa Anda mungkin memerlukan akun Vercel untuk menyelesaikan langkah ini!

Penerapan produksi

Proyek ini siap diterapkan ke Vercel. Namun, Anda perlu membuat repositori git dan memasukkan kode ke dalamnya.

Anda dapat menyebarkan situs Anda ke Vercel melalui integrasi penyedia Git atau melalui Vercel CLI.