Pada tutorial kali ini, kita akan bikin CMS sederhana menggunakan laravel framework. Kita akan buat dalam bentuk step by step, sehingga mudah dipahami dan implementasi secara langsung.
Step 1: Setup dan Persiapan Awal CMS
1.1 Instalasi Laravel dan Setup Dasar
Instal Laravel: Jika belum terinstall, jalankan perintah berikut:
composer create-project --prefer-dist laravel/laravel cms-laravel
Setup Environment: Buka file .env dan sesuaikan konfigurasi database:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=cms_laravel
DB_USERNAME=root
DB_PASSWORD=yourpassword
Generate Key dan Migrasi Database:
Arahkan path folder ke cms_laravel dengan ketik cd cms_laravel di folder. Lalu ketik code berikut untuk generate key dan migrate:
php artisan key:generate php artisan migrate
1.2 Setup Layout Dashboard
Install Bootstrap: Kita akan menggunakan Bootstrap untuk layout admin. Tambahkan via npm:
npm install bootstrap
Buat File Layout: Buat file resources/views/layout.blade.php sebagai layout utama.
Isi Layout Dasar sebagai berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin Dashboard</title>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body>
<div class="container">
@include('partials.navbar') <!-- Navbar bisa dibuat terpisah -->
<main>
@yield('content')
</main>
</div>
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html>
Menjalankan Server Laravel:
Jalankan server lokal untuk melihat hasil awal.
php artisan serve
Pada tahap ini, kita telah menyiapkan instalasi Laravel dengan layout dasar yang akan digunakan sebagai kerangka untuk modul-modul CMS.
Akses http://localhost:8000, jika berhasil akan seperti berikut: