DEV Community

Ustami Razib
Ustami Razib

Posted on

Cara Install Laravel + Shadcn UI

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.

  1. Tahapan yang paling pertama yaitu membuat project Laravel + Breeze
laravel new laravelshadcn
Enter fullscreen mode Exit fullscreen mode

jika melalui composer

composer create-project laravel/laravel laravelshadcn
Enter fullscreen mode Exit fullscreen mode
  1. Setelah itu pilih breeze sebagai starter kit

Image description

  1. 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.

Image description

Top comments (0)