turborepo shadcn ui

Peringatan

Repo ini tidak lagi terawat karena shadcn cli sekarang mendukung monorepos secara asli, terima kasih telah menggunakan template.

Starter turborepo dengan shadcn/ui

Ini adalah starter turborepo dengan shadcn/ui yang dikonfigurasi sebelumnya.

Catatan

Contoh ini menggunakan pnpm sebagai Manajer Paket.

Versi Bun Versi NPM

Menggunakan contoh ini

Klon Repositori:

git clone https://github.com/dan5py/turborepo-shadcn-ui.git

Instal dependensi:

 cd turborepo-shadcn-ui
pnpm install

Tambahkan komponen UI

Gunakan skrip yang sudah dibuat:

pnpm ui add < component-name >

Ini berfungsi seperti shadcn/ui cli.

Tambahkan aplikasi baru

Turborepo menawarkan perintah sederhana untuk menambahkan aplikasi baru:

pnpm turbo gen workspace --name < app-name >

Ini akan membuat aplikasi kosong baru di direktori apps .

Jika Anda mau, Anda dapat menyalin aplikasi yang sudah ada dengan:

pnpm turbo gen workspace --name < app-name > --copy

Catatan

Ingatlah untuk menjalankan pnpm install setelah menyalin aplikasi.

Apa di dalamnya?

Turborepo ini mencakup paket/aplikasi berikut:

Aplikasi dan paket

• docs : aplikasi Next.js
• @repo/ui : Perpustakaan komponen racak rintisan (ditenagai oleh shadcn/ui )
• @repo/eslint-config : Konfigurasi eslint (termasuk eslint-config-next dan eslint-config-prettier )
• @repo/typescript-config : tsconfig.json S digunakan di seluruh monorepo

Setiap paket/aplikasi adalah naskah 100%.

Utilitas

Turborepo ini memiliki beberapa alat tambahan yang sudah diatur untuk Anda:

• TypeScript untuk memeriksa tipe statis
• Eslint untuk Code Linting
• Lebih cantik untuk pemformatan kode

Membangun

Untuk membangun semua aplikasi dan paket, jalankan perintah berikut:

 cd turborepo-shadcn-ui
pnpm build

Mengembangkan

Untuk mengembangkan semua aplikasi dan paket, jalankan perintah berikut:

 cd turborepo-shadcn-ui
pnpm dev

Caching jarak jauh

Turborepo dapat menggunakan teknik yang dikenal sebagai caching jarak jauh untuk berbagi artefak cache di seluruh mesin, memungkinkan Anda berbagi cache build dengan tim Anda dan pipa CI/CD.

Secara default, Turborepo akan cache secara lokal. Untuk mengaktifkan caching jarak jauh, Anda akan memerlukan akun dengan Vercel. Jika Anda tidak memiliki akun, Anda dapat membuatnya, maka masukkan perintah berikut:

 cd turborepo-shadcn-ui
npx turbo login

Ini akan mengotentikasi Turborepo CLI dengan akun Vercel Anda.

Selanjutnya, Anda dapat menautkan turborepo Anda ke cache jarak jauh Anda dengan menjalankan perintah berikut dari akar turborepo Anda:

npx turbo link

Tautan yang berguna

Pelajari lebih lanjut tentang kekuatan Turborepo:

• Tugas
• Caching
• Caching jarak jauh
• Penyaringan
• Opsi Konfigurasi
• Penggunaan CLI

Pelajari lebih lanjut tentang shadcn/ui:

• Dokumentasi