Tutorial Laravel dan React Js #1 Install Laravel 11

Belajar Laravel dan React.js untuk membangun aplikasi web full-stack yang powerful dan scalable. Laravel sebagai backend menyediakan API yang efisien, sementara React.js sebagai frontend memberikan pengalaman interaktif dan dinamis bersama lagikoding.com

✅ Telah dilihat 884 kali

Rating: 5.00 ⭐

... 12 March 2025, 15:52

Install Laravel 11


Jika teman-teman sudah melakukan installasi terhadap beberapa software pendukung, maka pada sesi kali ini, kita akan melakukan installasi laravel versi 11. Silakan teman-teman buka CMD/Terminal kemudian masukkan perintah berikut ini:

composer create-project laravel/laravel:^11.0 laravel-todo

Perintah composer create-project laravel/laravel:^11.0 laravel-todo digunakan untuk membuat proyek Laravel versi 11.0 dengan menggunakan Composer. Berikut adalah penjelasan rinci dari masing-masing bagian perintah tersebut:

  1. Composer: Composer adalah alat manajemen ketergantungan (dependency management tool) untuk PHP. Ini digunakan untuk mengelola pustaka dan paket yang diperlukan oleh proyek PHP. Dalam konteks ini, Composer akan mengunduh dan mengatur semua ketergantungan yang dibutuhkan oleh Laravel.
  2. create-project: Ini adalah perintah Composer untuk membuat proyek baru berdasarkan kerangka kerja atau pustaka yang ditentukan. Perintah ini akan mengunduh versi yang diperlukan dari paket yang ditentukan dan menyiapkan struktur direktori untuk proyek baru.
  3. laravel/laravel: Ini adalah paket yang diambil dari Packagist (repository paket PHP) yang berisi kerangka kerja Laravel. Paket laravel/laravel adalah template proyek untuk memulai aplikasi Laravel baru.
  4. :^11.0: Ini adalah constraint versi yang digunakan oleh Composer. ^11.0 berarti versi 11.0 atau lebih baru dari Laravel, tetapi tidak termasuk versi 12.0. Ini memastikan bahwa proyek akan menggunakan versi Laravel 11.0 atau versi minor dalam rentang tersebut.
  5. laravel-todo: Ini adalah nama direktori di mana proyek baru akan dibuat. Composer akan membuat direktori ini dan mengunduh semua file dan dependensi proyek ke dalamnya.

Tunggu sampai proses installasi selesai dan ditandai dengan gambar seperti berikut ini:

Setting Database


Langkah berikutnya adalah membuat database baru, silakan teman-teman buka xampp kemudian start apache dan mysql.

Lalu buka localhost/phpmyadmin untuk membuat database baru, pada contoh kali ini, kita akan membuat database dengan nama laravel_todo.

SIlakan teman-teman buka project laravel yang baru saja dibuat menggunakan kode editor, disini kami menggunakan VsCode lalu buka file .env dan hapus tanda pagar didepan DB_HOST sampai dengan DB_PASSWORD, untuk DB_DATABASE silakan disesuaikan dengan nama database yang baru saja dibuat, sehingga akan terlihat seperti pada gambar berikut ini:

Ubah juga DB_CONNECTION Menjadi MySql

dan tambahkan baris berikut tepat dibawah DB_PASSWORD

DB_COLLATION=utf8mb4_unicode_ci

Maka secara keseluruhan akan terlihat menjadi seperti berikut ini:

Pengaturan diatas untuk mengantisipasi terjadinya error seperti dibawah ini:

Migrate


Langkah berikutnya adalah melakukan migrasi awal untuk project laravel kita, silakan teman-teman jalankan command line berikut ini menggunakan CMD/Terminal didalam VsCode dan tentunya berada didalam direktori project laravel kita :

php artisan migrate

Running


Silakan teman-teman jalankan perintah berikut menggunakan CMD/Terminal didalam VsCode dan tentunya berada didalam direktori project lravel kita.

php artisan serve

Maka secara otomatis kita akan diberikan ip dan port untuk mengakses project laravel yang baru saja kita buat yakni http://127.0.0.1:8000. Silakan dibuka menggunakan browser, dalam hal ini kami menggunakan google chrome maka akan tampil seperti berikut ini:

Terlihat kita sudah berhasil melakukan installasi laravel 11 untuk kebutuhan aplikasi todo-list kita. Pada materi berikutnya, kita akan melakukan installasi laravel API untuk dikonsumsi kedalam React JS.

Daftar eBook