TailAdmin’i Laravel ile Entegre Etme – DEV Community

# Laravel 11 Gereksinimleri
php -v # >= 8.2
composer -v
node -v # >= v14.16
npm -v
    

# laravel 11'i kur
composer create-project "laravel/laravel:^11.0" example-app

# .env ayarları
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_db
DB_USERNAME=root
DB_PASSWORD=your_password

# migrate & serve
php artisan migrate
php artisan serve
    

# public/tailadmin dizinine gidin ve terminali açın
npm i
npm run build
    

 href="style.css" rel="stylesheet">


 href="{{ asset('tailadmin/build/style.css') }}" rel="stylesheet">
    

       ...
    
    

 lang="en">



 x-data="{ page: 'ecommerce', 'loaded': true, 'darkMode': true, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }"
    x-init="darkMode = JSON.parse(localStorage.getItem('darkMode'));
    $watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
    :class="{ 'dark text-bodydark bg-boxdark-2': darkMode === true }">

    
 x-show="loaded" x-init="window.addEventListener('DOMContentLoaded', () => { setTimeout(() => loaded = false, 500) })"
        class="fixed left-0 top-0 z-999999 flex h-screen w-screen items-center justify-center bg-white dark:bg-black">
        
 class="h-16 w-16 animate-spin rounded-full border-4 border-solid border-primary border-t-transparent">
    

    
 class="flex h-screen overflow-hidden">
        
        
 class="relative flex flex-1 flex-col overflow-y-auto overflow-x-hidden">
            {{ $slot }}
        
    
     src="{{ asset('tailadmin/build/bundle.js') }}">

# php artisan make:controller DashboardController


namespace App\Http\Controllers;

class DashboardController extends Controller
{
    public function index()
    {
        return view('dashboard.index');
    }
}
    

use App\Http\Controllers\DashboardController;
Route::get("https://dev.to/", [DashboardController::class, 'index']);