Bu yazıda, Laravel 11 ile AdminLTE 3'ü nasıl kurup yapılandıracağınızı göreceksiniz. AdminLTE 3 yönetim şablonunu uygulamanıza entegre etmek için jeroennoten/laravel-adminlte composer paketini kullanacağız.

AdminLTE Nedir?

AdminLTE, HTML, CSS ve JavaScript kullanılarak oluşturulmuş popüler bir açık kaynaklı yönetim paneli şablonudur. Yönetim panelleri veya web uygulamaları için paneller oluşturmanıza yardımcı olacak hazır UI bileşenleri sağlar, bunlar arasında tablolar, grafikler ve formlar bulunur. Responsive, özelleştirilebilir ve Laravel gibi framework'lerle kolayca entegre edilebilir olması, onu arka uç arayüzleri için popüler bir seçim yapar.

Laravel uygulamanızda Bootstrap 5 AdminLTE 3 teması kurmak için basit adımları takip edelim.

Adım 1: Laravel 11 Kurulumu

Bu adım gerekli değildir; ancak eğer Laravel uygulamanızı henüz oluşturmadıysanız, aşağıdaki komutu çalıştırarak yeni bir Laravel uygulaması oluşturabilirsiniz:

composer create-project laravel/laravel example-app

Adım 2: jeroennoten/laravel-adminlte Paketini Kurma

Şimdi, AdminLTE temasını kurmak için jeroennoten/laravel-adminlte composer paketini yüklememiz gerekiyor. Aşağıdaki komutu çalıştırarak bu paketi kurabilirsiniz:

composer require jeroennoten/laravel-adminlte

Adım 3: AdminLTE 3 Temasını Kurma

Şimdi, AdminLTE temasını kurmak için aşağıdaki komutu kullanmamız gerekiyor. Bu komut, yapılandırma dosyalarını oluşturacak, JS ve CSS dosyalarını yayınlayacak ve Blade dosyalarını oluşturacaktır:

php artisan adminlte:install

Bu komutu çalıştırdıktan sonra, config/adminlte.php dosyasını görebileceksiniz.

Adım 4: Laravel UI ile Kimlik Doğrulama Şablonlarını Kurma

Laravel UI ve Bootstrap kimlik doğrulama şablonlarını kurmak için aşağıdaki komutları çalıştırın:

       1. Laravel UI paketini yükleyin:

composer require laravel/ui

Bootstrap ve kimlik doğrulama şablonlarını oluşturun:

       2. Bootstrap ve kimlik doğrulama şablonlarını oluşturun:

php artisan ui bootstrap --auth

       3. Ardından, görünüm dosyalarını AdminLTE şablonlarıyla değiştirmek için şu komutu çalıştırın:

php artisan adminlte:install --only=auth_views

Adım 5: AdminLTE Bölümlerini Kullanma

Artık aşağıdaki tema ve bölümleri kullanabilirsiniz:

resources/views/home.blade.php

@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Dashboard</h1>
@stop

@section('content')
    <p>Welcome to this beautiful admin panel.</p>
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
    <script> console.log("Hi, I'm using the Laravel-AdminLTE package!"); </script>
@stop

Umarım bu bilgiler size yardımcı olur...