Install Laravel 12 dengan HTML dan Tailwind CSS (Blade) #1

Laravel 12 dengan adanya starterkit ReactJS, VueJS dan Livewire membuat para pecinta laravel dengan html blade seolah - olah menghindari versi ini.
Install Laravel 12 dengan HTML dan Tailwind CSS (Blade) #1

Laravel 12 dengan segala inovasi dan platform pendukungnya membuat semakin diminati. Namun, kehadiran starterkit react, vue dan livewire seolah - olah ditakuti oleh para programmer pemula. Padahal masih bisa untuk kita yang masih belajar HTML , CSS dan Javascript. Pada penjelasan kali ini, saya akan menjelaskan Laravel 12 ini dengan starterkit BLADE yang komponennya berupa HTML, Framework CSS Tailwind dan AlpineJS.

Yuk kita mulai saja, sebelum instalasi laravel perlu pengecekan kebutuhannya terlebih dahulu sebagai berikut :

  1. Siapkan dalam perangkat anda PHP minimal PHP 8.2 dengan menginstall Laragon atau Xampp. (Hanya untuk Windows)

  2. Kemudian Dependensi PHP menggunakan Composer 

  3. Terakhir dependensi Javascript NodeJS.

  4. Atau lakukan run command dibawah ini pada Terminal / Poweshell / Command Prompt  

composer -v && npm -v && php -v

  1. jika tidak ada error " ........ not recognized " pada setiap prompt maka instalasi siap dimulai!

Berikut langkah untuk memulai laravel 12: 

  1. Open Terminal/PowerShell/Command Prompt: Buka terminal anda dan arahkan ke lokasi proyek yang kamu inginkan.

  2. Create Laravel Installer : Jalankan perintah dibawah ini agar anda memiliki installer laravel sendiri pada Komputer anda. Tunggu hingga selesai

composer global require laravel/installer


  1. Create Laravel Project: Setelah berhasil seperti gambar diatas, jalankan perintah dibawah ini untuk memulai membuat proyek.

    laravel new simaru-app


simaru-app : adalah contoh nama aplikasi yang akan di buat. anda dapat mengubahnya dengan nama papun tanpa spasi!


  1. Choose none: ketik none untuk melanjutkan laravel dengan starterkit blade html. Tunggu hingga proses instalasi selesai

  2. Choose Mysql: ketikan atau pilih mysql untuk database yang akan kita gunakan sekarang dengan catatan anda sudah menjalankan web server Laragon atau Xampp

  1. Choose Yes Migration: ketikan atau pilih yes untuk running migration aplikasi laravel kita.

  2. Choose Yes Crete Database : ketikan atau pilih yes untuk membuat database baru

  1. Choose Yes NPM Install And Build : ketikan atau pilih yes untuk install node_modules dan mem-build-nya

  1. Follow Instruction to start local development : Ikuti saja perintah yang tampil setelah itu ada cd simaru-app dan composer run dev

cd yaitu untuk memindahkan folder ke folder proyek laravel yang telah di buat. 

composer run dev  untuk menjalankan server dalam local yang kita miliki

  1. Buka saja url yang tertera pada hasil instruksi pada terminal yang dijalankan contohnya disini http: http://127.0.0.1:8000/


    Dengan menampilkan hasil seperti ini maka laravel berhasil di install.

    Hasil dan diskusi temukan saya di discord, gratis

Written by: Haisyam Maulana
Published at: Mon, May 26, 2025 8:00 PM
Share with others