Cara Install Laravel + Shadcn UI

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


Discover more from Coursity

Subscribe to get the latest posts sent to your email.

Leave a Comment

Comments

No comments yet. Why don’t you start the discussion?

    Leave a Reply

    Your email address will not be published. Required fields are marked *