Ilustrasi: Tutorial Laravel dan VS Code/figcaption

Tutorial Lengkap Laravel 9 Menggunakan XAMPP dan VS Code

Tutorial ini membahas langkah lengkap membuat aplikasi web sederhana menggunakan Laravel 9, XAMPP (PHP 7.4), dan Visual Studio Code. Cocok untuk mahasiswa, pelajar, dan pemula web development.

---

Daftar Isi

• 1. Pendahuluan
• 2. Persiapan Lingkungan
• 3. Instalasi XAMPP
• 4. Instalasi Composer
• 5. Instalasi Laravel 9
• 6. Struktur Folder Laravel
• 7. Hello World
• 8. Halaman Login
• 9. Menjalankan di VS Code
• 10. Kesimpulan

---

1. Pendahuluan

Laravel adalah framework PHP modern untuk membuat aplikasi web cepat, aman, dan rapi. Tutorial ini membimbing Anda dari instalasi hingga membuat halaman login sederhana.

2. Persiapan Lingkungan Development

Yang diperlukan:

• XAMPP PHP 7.4
• Composer
• Laravel 9
• Visual Studio Code

3. Instalasi XAMPP

Gunakan XAMPP PHP 7.4 agar sesuai bagi pemula yang belajar Laravel 9. Aktifkan Apache dan MySQL.

4. Instalasi Composer

Periksa instalasi Composer:

composer --version

5. Instalasi Laravel 9

Buat project Laravel baru:

composer create-project laravel/laravel projekku "9.*"

6. Struktur Folder Laravel

• routes/ – rute aplikasi
• resources/views/ – Blade template
• app/ – model, controller, dan logic
• public/ – folder yang diakses browser

7. Membuat Halaman Hello World

Edit file:

routes/web.php

Tambahkan:

Route::get('/hello', function () { return "Hello World!"; });

8. Membuat Halaman Login Sederhana

Buat file view:

resources/views/login.blade.php

Isi sederhana:

<form method="POST" action="/login"> <input type="text" placeholder="Username"> <input type="password" placeholder="Password"> <button type="submit">Login</button> </form>

9. Menjalankan Laravel di VS Code

Jalankan server Laravel:

php artisan serve

Buka di browser:

http://127.0.0.1:8000

10. Kesimpulan

Anda telah memahami instalasi Laravel 9 menggunakan XAMPP, Composer, dan VS Code, serta membuat halaman Hello World dan Login sederhana. Tutorial ini adalah fondasi utama sebelum melanjutkan ke tahap CRUD dan pengembangan web lanjutan.