shadcn extension

Turborepo ekstensi shadcn

Ini adalah starter resmi untuk Turborepo Ekstensi Shadcn, pengaturan monorepo untuk mengembangkan dan berbagi komponen UI yang dapat digunakan kembali.

Apa itu Turborepo?

Turborepo adalah sistem pembuatan kinerja tinggi untuk basis kode JavaScript dan naskah. Ini dirancang untuk penskalaan monorepos dan juga membuat alur kerja di ruang kerja paket tunggal lebih cepat. Turborepo mengoptimalkan proses pembangunan dan pengembangan dengan caching, eksekusi paralel, dan analisis grafik ketergantungan.

Tentang repositori ini

Repositori ini adalah monorepo, yang berarti berisi beberapa proyek yang dikelola dalam satu basis kode. Pendekatan ini menyederhanakan manajemen ketergantungan dan berbagi kode antar proyek.

Alat dan teknologi yang digunakan:

• PNPM : Manajer paket yang cepat dan hemat ruang.
• Turborepo : Sistem build untuk monorepos.
• TypeScript : Superset JavaScript yang diketik secara statis.
• Next.js : Kerangka kerja bereaksi untuk produksi.

Struktur

Repositori disusun sebagai berikut:

 shadcn-extension-turborepo/
├── apps/
│   └── extension/
│       ├── content/
│       │   └── docs/
│       ├── public/
│       │   ├── registry/
│       │   ├── next.svg
│       │   ├── og.png
│       │   └── vercel.svg
│       ├── src/
│       │   ├── __registry__/
│       │   ├── app/
│       │   ├── components/
│       │   ├── config/
│       │   ├── hooks/
│       │   ├── lib/
│       │   ├── registry/
│       │   ├── script/
│       │   ├── types/
│       │   └── env.ts
├── packages/
│   ├── CLI/
│   │   ├── src/
│   │   ├── __tests__/
│   │   ├── commands/
│   │   ├── utils/
│   │   └── index.ts
│   ├── eslint-config/
│   │   ├── library.js
│   │   ├── next.js
│   │   ├── package.json
│   │   ├── react-internal.js
│   │   └── README.md
│   └── typescript-config/
│       ├── base.json
│       ├── nextjs.json
│       ├── package.json
│       └── react-library.json
└── pnpm-workspace.yaml

Memulai

Mengkloning repositori

Pertama, klon monorepo ke mesin lokal Anda:

git clone https://github.com/BelkacemYerfa/shadcn-extension.git
cd shadcn-extension

Instalasi

Instal semua dependensi menggunakan pnpm :

pnpm install

Membangun proyek

Untuk membangun semua aplikasi dan paket, jalankan perintah berikut:

pnpm build

Ini akan menyusun kode TypeScript dan menyiapkan proyek untuk pengembangan dan produksi.

Perkembangan

Untuk memulai server pengembangan untuk semua aplikasi dan paket, jalankan:

pnpm dev

Perintah ini akan menjalankan server pengembangan dan menonton perubahan, memungkinkan dimuat ulang secara langsung untuk pengalaman pengembangan yang lebih halus.

Cli

Paket @shadx/cli adalah antarmuka baris perintah (CLI) untuk menambahkan komponen ke proyek Anda. Ini membantu mengotomatiskan tugas berulang, seperti membuat komponen baru atau menyiapkan konfigurasi.

Anda dapat menemukan instruksi terperinci untuk menggunakan CLI di CLI Readme.

Sumber daya tambahan

• Dokumentasi PNPM
• Dokumentasi Turborepo
• Dokumentasi Next.js
• Dokumentasi TypeScript

Berkontribusi

Kontribusi dipersilakan! Harap buka masalah atau kirimkan permintaan tarik dengan perubahan Anda. Pastikan untuk mengikuti kode perilaku dan pedoman proyek untuk berkontribusi.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Lihat file lisensi untuk detailnya.