Tutorial Membuat CMS Sederhana di Laravel #Part 1 - Setup dan Persiapan Awal
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:
