Tutorial Lengkap Laravel PHP Framework: Dari Instalasi hingga Aplikasi Pertama

📑 Daftar Isi

1. Model-View-Controller (MVC) Design Pattern
2. Apa itu PHP Framework?
3. Pengenalan Laravel
4. Fitur-Fitur Laravel
5. Persiapan dan Requirements
6. Instalasi Laravel Step by Step
7. Struktur Folder Laravel
8. Routing di Laravel
9. Membuat Hello World dengan Laravel
10. Latihan dan Best Practices

1. Model-View-Controller (MVC) Design Pattern

Apa itu MVC?

MVC adalah design pattern dalam software development yang memisahkan komponen aplikasi menjadi tiga bagian berbeda dengan tanggung jawab yang jelas:

📊 Model (Data Layer)

Menangani logic bisnis dan interaksi dengan database. Model merepresentasikan data dan aturan bisnis dalam aplikasi.

Database queries
Data validation
Business logic

🎨 View (Presentation Layer)

Menampilkan user interface dan presentasi data kepada pengguna. View adalah apa yang dilihat oleh user.

HTML templates
CSS styling
JavaScript interactions

🎮 Controller (Logic Control)

Menghubungkan Model dan View. Controller menerima input dari user, memproses request, dan mengembalikan response.

Request handling
Koordinasi Model & View
Response generation

Alur Kerja MVC

1 User Request: User mengirimkan request melalui browser (misalnya mengakses URL atau submit form)

2 Controller Processing: Controller menerima request dan menentukan action yang harus dilakukan

3 Model Interaction: Controller berkomunikasi dengan Model untuk mengambil atau menyimpan data

4 View Rendering: Controller meneruskan data ke View untuk ditampilkan

5 Response: View mengembalikan HTML yang sudah di-render kepada user

Keuntungan Menggunakan MVC

✅ Manfaat MVC Pattern

Separation of Concerns: Setiap komponen memiliki tanggung jawab yang jelas dan terpisah
Maintainability: Mudah untuk maintenance karena perubahan di satu layer tidak mempengaruhi layer lain
Scalability: Aplikasi lebih mudah di-scale karena struktur yang terorganisir
Team Collaboration: Tim dapat bekerja paralel pada komponen yang berbeda
Reusability: Komponen dapat digunakan kembali di berbagai bagian aplikasi
Testing: Setiap layer dapat di-test secara independen

💡 Contoh Praktis

Bayangkan Anda membuat aplikasi blog:

Model: Mengelola data artikel, kategori, dan komentar di database
View: Menampilkan halaman daftar artikel, detail artikel, dan form komentar
Controller: Mengatur logika ketika user mengakses artikel, submit komentar, atau mencari artikel

Dengan MVC, jika Anda ingin mengubah tampilan blog, Anda hanya perlu memodifikasi View tanpa menyentuh logika database di Model atau logika kontrol di Controller.

2. Apa itu PHP Framework?

Definisi Framework

Framework adalah template atau kerangka kerja program yang menyediakan struktur dasar untuk membangun aplikasi. Framework berisi kumpulan library, tools, dan best practices yang membantu developer bekerja lebih efisien.

Karakteristik Framework

📏 Aturan yang Jelas

Framework memiliki conventions dan rules yang harus diikuti, termasuk struktur folder dan naming conventions tertentu.

🔧 Built-in Tools

Menyediakan tools dan utilities untuk tugas-tugas umum seperti routing, authentication, dan database operations.

🚀 Development Speed

Mempercepat development dengan menyediakan solusi untuk masalah-masalah umum yang sudah teruji.

🛡️ Security

Built-in security features untuk melindungi aplikasi dari common vulnerabilities seperti SQL injection dan XSS.

Perbandingan PHP Framework Populer

Framework	Popularitas	Learning Curve	Use Case
Laravel Most Popular	⭐⭐⭐⭐⭐	Medium	Modern web apps, APIs, enterprise applications
CodeIgniter	⭐⭐⭐⭐	Easy	Small to medium projects, beginners
Symfony	⭐⭐⭐⭐	Hard	Enterprise applications, complex systems
CakePHP	⭐⭐⭐	Medium	Rapid development, CRUD applications
Yii	⭐⭐⭐	Medium	High-performance applications
Zend Framework	⭐⭐⭐	Hard	Enterprise, corporate applications

💡 Mengapa Memilih Laravel?

Most Popular: Framework PHP paling populer dengan komunitas terbesar
Elegant Syntax: Kode yang bersih dan mudah dibaca
Complete Documentation: Dokumentasi lengkap dan tutorial melimpah
Modern Features: Selalu update dengan teknologi terbaru
Rich Ecosystem: Package dan tools yang sangat lengkap (Laravel Forge, Vapor, Nova, dll)
Job Market: Banyak peluang kerja untuk Laravel developer

3. Pengenalan Laravel

Apa itu Laravel?

Laravel adalah framework PHP open-source yang powerful dan elegant, dibuat oleh Taylor Otwell pada tahun 2011. Laravel mengikuti arsitektur MVC dan menyediakan tools modern untuk membangun aplikasi web yang sophisticated dengan cepat dan efisien.

Mengapa Laravel Begitu Populer?

🎯 Easy to Learn

Syntax yang ekspresif dan dokumentasi yang excellent membuat Laravel mudah dipelajari bahkan untuk pemula

⚡ Fast Development

Built-in features dan Artisan CLI mempercepat proses development secara signifikan

🌐 Large Community

Komunitas besar dan aktif dengan ribuan tutorial, package, dan resources

🔒 Secure by Default

Built-in security features melindungi dari CSRF, SQL injection, XSS, dan vulnerabilities lainnya

📦 Rich Ecosystem

Ekosistem lengkap dengan tools seperti Eloquent ORM, Blade templating, dan Queue system

🚀 Modern PHP

Menggunakan fitur-fitur modern PHP dan best practices dalam development

Sejarah dan Versi Laravel

2011: Laravel 1.0 dirilis sebagai alternatif CodeIgniter
2013: Laravel 4.0 dengan Composer dependency manager
2015: Laravel 5.0 dengan directory structure baru
2019: Laravel 6.0 dengan LTS (Long Term Support)
2020: Laravel 8.0 dengan Laravel Jetstream
2023: Laravel 10.0 dengan native type declarations
2024: Laravel 11.0 dengan streamlined application structure
2025: Laravel 12.0 (current version) dengan enhanced features

Background job processing untuk task-task yang time-consuming

Advanced

5. Persiapan dan Requirements

Sebelum menginstal Laravel, pastikan sistem Anda memenuhi requirements dan memiliki tools yang diperlukan:

System Requirements

Minimum Requirements

PHP >= 8.2
Composer (dependency manager)
Extensions: OpenSSL, PDO, Mbstring, Tokenizer, XML, Ctype, JSON, BCMath
Web server: Apache/Nginx atau PHP built-in server
Database: MySQL, PostgreSQL, SQLite, atau SQL Server (optional untuk awal)

Tools yang Harus Diinstall

1 Composer

Composer adalah dependency manager untuk PHP yang digunakan Laravel untuk mengelola packages.

Instalasi Composer:

Platform	Cara Instalasi
Windows	Download dan install: `https://getcomposer.org/Composer-Setup.exe`
macOS	brew install php composer *Requires Homebrew
Linux (Ubuntu)	sudo apt install php composer

⚠️ Penting untuk Windows Users!

Saat instalasi Composer, Anda harus menambahkan path ke PHP. Gunakan path dari XAMPP atau Laragon:

C:\xampp\php\php.exe

atau cari lokasi PHP jika menggunakan Laragon.

Verifikasi Instalasi Composer:

composer -v

Jika berhasil, akan muncul informasi versi Composer.

2 Git

Git digunakan untuk version control dan diperlukan oleh Composer untuk mendownload dependencies.

Platform	Cara Instalasi
Windows	Download dan install: `https://git-scm.com/download/win`
macOS	brew install git
Linux (Ubuntu)	sudo apt install git

3 7-Zip (Windows Only)

7-Zip diperlukan untuk extract compressed files.

Instalasi via Command:

winget install 7zip.7zip

Atau download manual dari: https://7-zip.org/download.html

✅ Checklist Persiapan

Sebelum melanjutkan, pastikan Anda telah:

✓ Install PHP (XAMPP/Laragon/WAMP/MAMP)
✓ Install Composer dan verify dengan composer -v
✓ Install Git dan verify dengan git --version
✓ Install 7-Zip (Windows users)
✓ Membuka terminal/command prompt dengan lancar

6. Instalasi Laravel Step by Step

Setelah semua requirements terpenuhi, kita siap untuk menginstal Laravel. Ikuti langkah-langkah berikut dengan cermat:

1 Pilih Lokasi Project

Dalam Laravel, Anda bisa menyimpan project di lokasi mana saja yang Anda suka. Tidak harus di dalam folder htdocs atau www seperti PHP biasa.

💡 Rekomendasi Lokasi Project

Windows: C:\Users\[YourName]\Projects\
macOS: /Users/[YourName]/Projects/
Linux: /home/[YourName]/Projects/

Buat folder Projects jika belum ada, lalu navigasi ke folder tersebut melalui terminal.

2 Buka Terminal/Command Prompt

Navigasi ke folder dimana Anda ingin membuat project:

Windows (CMD/PowerShell):

cd C:\Users\YourName\Projects

macOS/Linux (Terminal):

cd ~/Projects

3 Install Laravel dengan Composer

Gunakan Composer untuk membuat project Laravel baru:

composer create-project --prefer-dist laravel/laravel projectname

💡 Penjelasan Command

composer create-project - Command untuk membuat project baru
--prefer-dist - Download distribusi file (lebih cepat)
laravel/laravel - Package Laravel official
projectname - Nama project Anda (bisa diganti sesuai keinginan)

Contoh nama project yang baik:

composer create-project --prefer-dist laravel/laravel my-first-app

composer create-project --prefer-dist laravel/laravel blog-app

composer create-project --prefer-dist laravel/laravel ecommerce-shop

⏱️ Proses Instalasi

Proses instalasi akan memakan waktu beberapa menit karena Composer akan mendownload semua dependencies yang diperlukan. Pastikan koneksi internet Anda stabil.

Anda akan melihat progress download berbagai packages seperti symfony, doctrine, monolog, dan lainnya.

4 Masuk ke Folder Project

Setelah instalasi selesai, masuk ke folder project yang baru dibuat:

cd projectname

Atau sesuai nama project Anda:

cd my-first-app

5 Jalankan Laravel Development Server

Laravel dilengkapi dengan built-in development server. Jalankan dengan command:

php artisan serve

✅ Server Berhasil Berjalan

Jika berhasil, Anda akan melihat output seperti:

Starting Laravel development server: http://127.0.0.1:8000
[Sat Nov 19 12:00:00 2024] PHP 8.2.0 Development Server (http://127.0.0.1:8000) started

💡 Tips Development Server

Server akan berjalan di http://localhost:8000 atau http://127.0.0.1:8000
Untuk menghentikan server, tekan Ctrl + C
Jangan tutup terminal selama development
Anda bisa mengubah port dengan: php artisan serve --port=8080

6 Akses Aplikasi Laravel

Buka browser dan akses:

http://localhost:8000

🎉 Selamat! Laravel Berhasil Terinstall

Jika Anda melihat halaman welcome Laravel (mungkin terlihat berbeda tergantung versi, saat ini versi 12), maka instalasi berhasil!

Halaman welcome menampilkan logo Laravel dan links ke dokumentasi, Laracasts, Laravel News, dan resources lainnya.

7 Buka Project di Code Editor

Buka folder project Anda di code editor favorit (VSCode, Sublime, PHPStorm, dll):

Visual Studio Code:

code .

Atau buka manual dengan: File → Open Folder → pilih folder project

💡 Rekomendasi Extensions untuk VSCode

Laravel Extension Pack - Collection of Laravel extensions
PHP Intelephense - PHP intelligence
Laravel Blade Snippets - Blade template support
Laravel goto view - Quick navigation
Laravel Artisan - Run Artisan commands from VSCode

7. Struktur Folder Laravel

Laravel memiliki struktur folder yang terorganisir dengan baik. Memahami struktur ini sangat penting untuk development yang efisien.

⚠️ Peringatan Penting

JANGAN pernah mengubah nama folder atau menghapus file/folder apapun kecuali Anda benar-benar tahu apa yang Anda lakukan. Laravel membutuhkan struktur ini untuk berfungsi dengan baik.

Folder dan File Utama

📁 app/ - Berisi core code aplikasi Anda

📁 Http/ - Controllers, Middleware, Requests

📁 Models/ - Eloquent Models

📁 Providers/ - Service Providers

📁 bootstrap/ - Framework bootstrap files

📁 config/ - Configuration files

📁 database/ - Migrations, seeders, factories

📁 public/ - Publicly accessible files (index.php, assets)

📁 resources/ - Views, raw assets (CSS, JS)

📁 views/ - Blade templates

📁 css/ - CSS files

📁 js/ - JavaScript files

📁 routes/ - Route definitions

📄 web.php - Web routes (paling sering digunakan)

📄 api.php - API routes

📁 storage/ - Logs, compiled views, file uploads

📁 tests/ - Automated tests

📁 vendor/ - Composer dependencies (jangan dimodifikasi)

📄 .env - Environment configuration (PENTING!)

📄 artisan - Laravel command-line tool

📄 composer.json - Composer dependencies

Document root web server. Berisi index.php dan assets yang bisa diakses publik seperti images, compiled CSS/JS.

Important

💡 Tips Folder Structure

Sebagai pemula, fokus pada folder: routes/, app/Http/Controllers/, dan resources/views/
File .env berisi informasi sensitif, jangan pernah commit ke Git
Folder vendor/ berisi dependencies, jangan pernah edit manual
Laravel menggunakan PSR-4 autoloading, jadi naming dan struktur folder harus diikuti

8. Routing di Laravel

Apa itu Routes?

Routes adalah cara untuk mendefinisikan URLs dalam aplikasi Laravel. Routes menghubungkan HTTP request ke specific actions atau responses. Setiap URL yang dapat diakses dalam aplikasi harus didefinisikan sebagai route.

Lokasi Routes

Routes didefinisikan dalam file routes/web.php untuk web applications. File ini sudah ada saat Laravel terinstall.

Anatomi Route Dasar

Route::get('/url', function () {
    return 'Response';
});

Penjelasan Komponen:

Route:: - Facade untuk routing
get - HTTP method (bisa juga post, put, delete, patch)
'/url' - Path URL yang akan diakses
function() - Closure/callback yang akan dijalankan
return - Response yang dikembalikan

HTTP Methods dalam Routing

GET

Untuk menampilkan halaman atau retrieve data

Route::get('/url', ...)

POST

Untuk submit form atau create data

Route::post('/url', ...)

PUT/PATCH

Untuk update data

Route::put('/url', ...)

DELETE

Untuk delete data

Route::delete('/url', ...)

Contoh Routes Dasar

Default Route (sudah ada):

Route::get('/', function () {
    return view('welcome');
});

Route ini menampilkan view welcome.blade.php saat mengakses root URL (/)

Route dengan Text Response:

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

Mengakses http://localhost:8000/hello akan menampilkan text "Hello World"

Route dengan HTML Response:

Route::get('/about', function () {
    return '<h1>About Us</h1>';
});

Mengakses http://localhost:8000/about akan menampilkan heading HTML

Route Parameters

Required Parameters:

Route::get('/user/{id}', function ($id) {
    return 'User ID: ' . $id;
});

Mengakses http://localhost:8000/user/123 akan menampilkan "User ID: 123"

Optional Parameters:

Route::get('/user/{name?}', function ($name = 'Guest') {
    return 'Welcome, ' . $name;
});

Parameter dengan ? adalah optional dan bisa memiliki default value

Named Routes

Route::get('/profile', function () {
    return view('profile');
})->name('profile');

Named routes berguna untuk generate URLs atau redirects dengan lebih mudah

💡 Best Practices Routing

Gunakan nama route yang descriptive: /products, /about-us, /contact
Untuk multi-word URLs, gunakan kebab-case: /contact-us bukan /contactUs
Konsisten dengan HTTP methods: GET untuk read, POST untuk create, dll
Gunakan route groups untuk routes dengan prefix atau middleware sama
Always name your routes untuk kemudahan maintenance

9. Membuat Hello World dengan Laravel

Mari kita praktek membuat beberapa routes sederhana untuk memahami routing Laravel lebih baik.

1 Buka File Routes

Buka file routes/web.php di code editor Anda.

2 Lihat Route Default

Anda akan melihat route default yang sudah ada:

<?php

use Illuminate\Support\Facades\Route;

Route::get('/', function () {
    return view('welcome');
});

3 Tambahkan Routes Baru

Tambahkan beberapa routes baru di bawah route default:

<?php

use Illuminate\Support\Facades\Route;

// Route default
Route::get('/', function () {
    return view('welcome');
});

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

// Route About dengan HTML
Route::get('/about', function () {
    return '<h1>About Us</h1><p>Welcome to our website!</p>';
});

// Route dengan parameter
Route::get('/greet/{name}', function ($name) {
    return '<h1>Hello, ' . $name . '!</h1>';
});

4 Save File

Save file routes/web.php

5 Test Routes di Browser

Pastikan Laravel development server masih berjalan (php artisan serve), lalu test routes berikut:

URL	Expected Result
`http://localhost:8000/`	Laravel welcome page
`http://localhost:8000/hello`	Text: "Hello World"
`http://localhost:8000/about`	HTML heading dan paragraph
`http://localhost:8000/greet/John`	HTML: "Hello, John!"
`http://localhost:8000/greet/Maria`	HTML: "Hello, Maria!"

🎉 Selamat!

Anda telah berhasil membuat routes pertama Anda di Laravel! Routes yang Anda buat akan langsung aktif tanpa perlu restart server.

Contoh Lebih Advanced

Route dengan Multiple Parameters:

Route::get('/post/{year}/{month}/{title}', function ($year, $month, $title) {
    return "Post: $title published in $month/$year";
});

Akses: http://localhost:8000/post/2024/11/my-first-post

Route dengan JSON Response:

Route::get('/api/users', function () {
    return response()->json([
        'users' => [
            ['id' => 1, 'name' => 'John Doe'],
            ['id' => 2, 'name' => 'Jane Smith']
        ]
    ]);
});

Perfect untuk API endpoints!

Route dengan View (Blade Template):

Route::get('/profile', function () {
    return view('profile', [
        'name' => 'John Doe',
        'email' => 'john@example.com'
    ]);
});

Mengirim data ke view template untuk rendering

10. Latihan dan Best Practices

Latihan Praktek

Exercise 1: Basic Routes

Tambahkan routes berikut ke aplikasi Laravel Anda:

Route /contact yang menampilkan text "Contact Page"
Route /home yang menampilkan text "Home Page"
Route /services yang menampilkan HTML list of services

Solusi:

Route::get('/contact', function () {
    return 'Contact Page';
});

Route::get('/home', function () {
    return 'Home Page';
});

Route::get('/services', function () {
    return '
        <h1>Our Services</h1>
        <ul>
            <li>Web Development</li>
            <li>Mobile Apps</li>
            <li>UI/UX Design</li>
        </ul>
    ';
});

Exercise 2: Routes dengan Parameters

Buat routes berikut:

Route /product/{id} yang menampilkan product ID
Route /category/{name} yang menampilkan category name
Route /search/{keyword?} dengan optional parameter (default: "all")

Solusi:

Route::get('/product/{id}', function ($id) {
    return "Product ID: $id";
});

Route::get('/category/{name}', function ($name) {
    return "Category: $name";
});

Route::get('/search/{keyword?}', function ($keyword = 'all') {
    return "Searching for: $keyword";
});

Exercise 3: Advanced Challenge

Buat mini portfolio website dengan routes:

/ - Home page dengan greeting
/about - About page dengan bio Anda
/projects - List projects Anda
/project/{id} - Detail project tertentu
/contact - Contact information

Best Practices untuk Pemula

📝 Organize Your Routes

Group related routes bersama dan beri komentar untuk klarifikasi

🎯 Use Descriptive URLs

Gunakan URLs yang jelas dan meaningful seperti /products bukan /p

🔒 Follow RESTful Conventions

Untuk resources, gunakan: index, create, store, show, edit, update, destroy

✨ Keep it Simple

Sebagai pemula, fokus pada routes sederhana dulu sebelum ke yang kompleks

📚 Read Documentation

Laravel documentation sangat lengkap - baca dan praktek!

🧪 Test Your Routes

Selalu test routes Anda di browser setelah membuat perubahan

Next Steps - Apa Selanjutnya?

🚀 Langkah Pembelajaran Berikutnya

Controllers: Pindahkan logic dari routes ke controllers
Views (Blade): Buat HTML templates yang reusable
Database: Setup database dan migrations
Models: Buat Eloquent models untuk interact dengan database
Forms: Handle form submissions dan validation
Authentication: Implement user login/register
CRUD Operations: Create, Read, Update, Delete data

Hard refresh browser: Ctrl + Shift + R (Windows/Linux) atau Cmd + Shift + R (Mac)
Clear browser cache
Check apakah file sudah di-save
Pastikan edit file yang benar

Resources untuk Belajar Lebih Lanjut

📚 Recommended Resources

Official Documentation: https://laravel.com/docs
Laracasts (Video Tutorials): https://laracasts.com
Laravel News: Latest updates dan articles
Laravel Daily: Daily tips and tricks
GitHub: Explore Laravel source code
Stack Overflow: Q&A untuk troubleshooting
Laravel Indonesia: Komunitas Laravel Indonesia di Facebook/Telegram

Kesimpulan

Dalam tutorial ini, kita telah mempelajari fundamental Laravel PHP Framework, mulai dari konsep MVC, instalasi Laravel, struktur folder, hingga membuat routes sederhana. Laravel adalah framework yang powerful namun tetap mudah dipelajari untuk pemula.

✅ Apa yang Telah Anda Pelajari

Memahami konsep MVC (Model-View-Controller) design pattern
Mengenal PHP Framework dan mengapa Laravel populer
Install dan setup Laravel development environment
Memahami struktur folder dan file Laravel
Membuat routes dan handle HTTP requests
Menjalankan Laravel development server
Troubleshooting common issues

🎯 Key Takeaways

Laravel menggunakan MVC pattern untuk organize code dengan baik
Routes adalah entry point ke aplikasi Laravel
Laravel memiliki struktur folder yang strict - jangan ubah atau hapus
Composer adalah dependency manager yang essential
Artisan adalah CLI tool yang powerful
Laravel documentation sangat lengkap dan harus menjadi referensi utama

Laravel adalah starting point yang excellent untuk web development modern. Framework ini akan terus berkembang, dan dengan foundation yang kuat dari tutorial ini, Anda siap untuk explore fitur-fitur advanced Laravel seperti Eloquent ORM, Blade templating, authentication, dan masih banyak lagi.

Selamat belajar dan happy coding! 🚀