Tutorial

Seri Membangun agusp.id #1: Fondasi Laravel 11 dan Tailwind CSS

Artikel pembuka seri ini membahas alasan saya memilih Laravel 11, Blade, Breeze, dan Tailwind CSS sebagai fondasi utama blog agusp.id.

Penulis

Agus P

Tanggal

20 Apr 2026

Baca

2 menit

Views

6,829

Seri Membangun agusp.id #1: Fondasi Laravel 11 dan Tailwind CSS

Saya ingin agusp.id terasa ringan, mudah dirawat, dan cukup fleksibel untuk berkembang dari blog sederhana menjadi CMS pribadi. Karena itu saya memilih Laravel 11 sebagai fondasi backend dan Tailwind CSS untuk lapisan presentasi. Kombinasi ini memberi ritme kerja yang cepat: saya bisa membangun fitur inti dengan konvensi Laravel, lalu merapikan UI langsung dari utility class tanpa harus membuat stylesheet besar sejak awal.

Kenapa Laravel 11?

Laravel memberi hampir semua blok bangunan yang saya butuhkan sejak hari pertama: routing yang bersih, Eloquent untuk model artikel, validasi request, filesystem untuk upload gambar, sampai middleware autentikasi. Untuk blog seperti ini, saya tidak perlu memulai dari nol. Saya bisa langsung fokus ke struktur konten, pengalaman membaca, dan alur admin.

Kenapa tidak memakai SPA?

Untuk agusp.id, saya sengaja memilih Blade dibanding arsitektur SPA penuh. Konten artikel lebih cocok dengan halaman yang cepat dirender di server, mudah diindeks mesin pencari, dan sederhana saat di-maintain. Dengan Blade, saya tetap bisa memecah tampilan menjadi komponen kecil seperti kartu artikel, layout publik, dan layout admin tanpa menambah kompleksitas yang belum dibutuhkan.

Breeze untuk autentikasi yang cepat

Saya memakai Laravel Breeze supaya area admin punya pondasi login yang rapi. Daripada menulis ulang form autentikasi, validasi, session, dan proteksi route dari nol, saya cukup menyesuaikan tampilan dan melanjutkan ke fitur yang lebih penting seperti CRUD artikel, kategori, tag, dan moderasi komentar.

Tailwind CSS sebagai sistem desain awal

Di sisi frontend, Tailwind membuat saya bisa bereksperimen cepat. Saya menetapkan font Figtree untuk teks utama, Playfair Display untuk heading, lalu menambahkan palet warna brand yang hangat agar identitas visual agusp.id terasa lebih personal. Plugin @tailwindcss/forms membantu merapikan input form, sementara @tailwindcss/typography membuat isi artikel lebih nyaman dibaca tanpa styling manual yang berulang.

Vite menjaga alur pengembangan tetap cepat

Untuk asset pipeline, saya menggunakan Vite bawaan Laravel. Input utamanya sederhana: resources/css/app.css dan resources/js/app.js. Dengan setup seperti ini, perubahan kelas Tailwind dan script kecil di layout bisa langsung saya lihat tanpa workflow yang berat.

Fondasi yang baik bukan yang paling rumit, tapi yang paling masuk akal untuk kebutuhan hari ini dan tetap enak dikembangkan besok.

Pada akhirnya, keputusan teknologi di proyek ini bukan soal mengejar stack paling ramai dibicarakan, melainkan memilih alat yang membuat proses menulis, menerbitkan, dan merawat blog terasa menyenangkan.

Komentar

0 tanggapan

Tinggalkan Komentar