Hari ini sudah banyak sekali Framework CSS seperti Bootstrap, TailwindCSS, Bulma dan masih banyak lagi yang dimana dapat mempercepat developer dalam membuat tampilan halaman website. Shadcn UI Merupakan situs yang menyediakan kumpulan komponen yang re-usable atau dapat digunakan kembali dan siap digunakan yang dibangun menggunakan Framework TailwindCSS. Sebetulnya masih banyak Component Library yang bisa digunakan seperti Preline UI, RippleUI , dan Tailwind Elements.
Tujuan saya disini adalah bagaimana meng-install ShadcnUI, saat ini ada beberapa framework yang support untuk menggunakan ShadcnUI ini. yaitu Nextjs, Vite, Gatsby, Remix, Astro dan laravel. Disini saya akan menggunakan Laravel + Breeze React sebagai frontend nya.
- Tahapan yang paling pertama yaitu membuat project Laravel + Breeze
laravel new laravelshadcn
jika melalui composer
composer create-project laravel/laravel laravelshadcn
- Setelah itu pilih breeze sebagai starter kit
- Lalu pada tahapan breeze stack saya memilih React sebagai frontend kemudian untuk fitur opsional nya saya memilih Inertia SSR
dan untuk testing framework nya pilih PHPUnit, pada bagian Git Repository nya itu tergantung anda. Disini saya memilih No/Tidak.
