Assalamu’alaikum warahmatullahi wabarakatuh

Halo teman-teman semua

Pada repository ini, kita akan belajar membangun aplikasi web modern menggunakan Laravel 13 dengan tampilan yang dibangun menggunakan Tailwind CSS.

Laravel 13 hadir dengan peningkatan performa, struktur yang semakin rapi, serta pengalaman developer yang lebih baik. Dikombinasikan dengan Tailwind CSS, kita bisa membuat tampilan yang modern, responsif, dan clean tanpa harus menulis CSS yang kompleks dari nol.

Pendekatan yang digunakan dalam project ini berfokus pada kesederhanaan, keterbacaan kode, dan kemudahan pengembangan, sehingga sangat cocok untuk pemula maupun developer yang ingin memperdalam best practice Laravel terbaru.

Teknologi yang Digunakan

• Laravel 13 Framework PHP terbaru yang cepat, elegan, dan powerful untuk membangun aplikasi backend modern.
• Tailwind CSS Utility-first CSS framework untuk membuat desain UI yang fleksibel, konsisten, dan responsif dengan cepat.

Studi Kasus: CRUD Data Posts

Dalam project ini, kita akan membangun aplikasi CRUD (Create, Read, Update, Delete) data Posts dengan fitur:

• Menampilkan daftar image dan title
• Menampilkan image terbaru di halaman utama dalam bentuk card
• Menambahkan image baru (Create)
• Mengedit data image (Edit)
• Upload dan menampilkan gambar post
• Tampilan UI modern menggunakan Tailwind CSS

Struktur aplikasi dibuat sederhana namun tetap mengikuti standar Laravel, sehingga mudah dikembangkan menjadi project yang lebih kompleks.

Tujuan Pembelajaran

Melalui repository ini, teman-teman akan memahami:

• Struktur dasar project Laravel 13
• Cara membuat fitur CRUD yang rapi dan scalable
• Implementasi upload file (image) di Laravel
• Penggunaan Blade dengan Tailwind CSS
• Best practice penulisan kode Laravel modern

Dokumentasi Lengkap

Panduan lengkap step-by-step bisa dibaca di sini:

https://lagikoding.com/series/tutorial-laravel-13-dan-tailwind-css

Source Code (Download)

Repository lengkap tersedia di GitHub:

https://github.com/kurniaandi/Tutorial-Laravel-13-dan-Tailwind-Css

Tata Cara Instalasi Project

Berikut langkah-langkah menjalankan project Laravel 13 + Tailwind CSS:

1. Clone Repository

git clone https://github.com/kurniaandi/Tutorial-Laravel-13-dan-Tailwind-Css
cd Tutorial-Laravel-13-dan-Tailwind-Css

2. Install Dependency Backend

composer install

Pastikan Composer sudah terinstall.

3. Konfigurasi Environment

cp .env.example .env
php artisan key:generate

4. Konfigurasi Database

Edit file .env:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel13_crud
DB_USERNAME=root
DB_PASSWORD=

Pastikan database sudah dibuat.

5. Jalankan Migration

php artisan migrate

6. Storage Link (pload Gambar)

php artisan storage:link

7. Jalankan Project

composer run dev

Perintah ini otomatis menjalankan:

• php artisan serve
• npm run dev

8. Akses Aplikasi

Buka di browser:

http://127.0.0.1:8000

Penutup

Semoga repository ini bisa menjadi referensi belajar Laravel 13 dan Tailwind CSS yang mudah dipahami dan langsung bisa dipraktikkan.

Selamat belajar dan selamat ngoding lagikoding.com