Instalando o Adminlte no Laravel

30 de agosto de 2025 Mauro Jr

O AdminLTE é um template de painel administrativo (dashboard) gratuito e de código aberto, feito principalmente com Bootstrap, HTML, CSS e JavaScript.

Ele é muito usado em aplicações web porque já oferece uma base pronta para criar a área administrativa de sistemas, com design moderno e responsivo. Em vez de começar o front-end do zero, você aproveita os componentes prontos que o AdminLTE fornece.

Vantagens de usar o AdminLTE

Principais características do AdminLTE:

Design moderno e responsivo (se adapta bem a telas de desktop, tablets e celulares).
Baseado no Bootstrap → fácil de personalizar e integrar com outros frameworks.
Componentes prontos: gráficos, tabelas, caixas de estatísticas, formulários, ícones, botões e muito mais.
Estrutura comum em painéis administrativos: sidebar (menu lateral), topbar (barra superior), conteúdo principal.
Extensível: pode ser integrado com back-ends em PHP, Laravel, Node.js, Django, etc.
Comunidade ativa: muitos exemplos, plugins e tutoriais disponíveis

Instalando o pacote AdminLTE

Uma vez que o Laravel já esteja instalado, basta seguir o passo a passo a baixo:

Instale o pacote jeroennoten/laravel-adminlte

composer require jeroennoten/laravel-adminlteCode language: JavaScript (javascript)

Instale o tema do Adminlte

php artisan adminlte:installCode language: CSS (css)

Instale o Laravel UI para gerar automaticamente as páginas e as rotas necessárias para funções de autenticação, como login, registro e redefinição de senha, estilizados com a lib Bootstrap.

composer require laravel/uiCode language: JavaScript (javascript)

php artisan ui bootstrap --auth

Substitua as views de autenticação pelas views do AdminLte

php artisan adminlte:install --only=auth_views

Agora é possível criar suas views usando os recursos do AdminLte.

Segue abaixo um exemplo da view home.blade.php

@extends('adminlte::page')

@section('title', 'Dashboard')

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

@section('content')
    <p>Welcome to a home view.</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>
@stopCode language: HTML, XML (xml)

Tela de login, disponível na rota **/login/**

Tela de registro de usuários, disponível na rota **/register**.

Principais componentes do AdminLTE

O pacote jeroennoten/laravel-adminlte, que faz a integração direta do AdminLTE com o Laravel, facilitando o uso dos componentes prontos no Blade.

Quando você instala o pacote laravel-adminlte, ele já te dá Blade Components e helpers para montar telas administrativas rapidamente.

Os mais usados são:

Layout Base

Define o layout principal do painel, como visto no exemplo do arquivo home.blade.php.

@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    <h1>Bem-vindo ao Painel</h1>
@stop

@section('content')
    <p>Conteúdo principal aqui.</p>
@stopCode language: PHP (php)

Esse layout já inclui automaticamente:

Navbar (barra superior);
Sidebar (menu lateral);
Rodapé;
Estrutura responsiva.

Menu Lateral (Sidebar)

É configurado no arquivo config/adminlte.php. Nesse arquivo há várias opções de configuração do adminlte, dentre elas, as definições de menus, submenus, ícones e permissões integrados com o Laravel (Gate/Policies).

Abaixo estão alguns exemplos de configuração para uma sessão de menu criada em nosso menu lateral.

	'menu' => [
		['header' => 'CONFIGURAÇÕES'],
		[
			'text' => 'Dashboard',
			'url'  => 'admin/dashboard',
			'icon' => 'fas fa-fw fa-home',
		],
		[
			'text'    => 'Usuários',
			'icon'    => 'fas fa-users',
			'submenu' => [
			    [
			        'text' => 'Listar',
			        'url'  => 'admin/users',
			    ],
			    [
			        'text' => 'Adicionar',
			        'url'  => 'admin/users/create',
			    ],
			],
		],
	],
// ...Code language: PHP (php)

Menu lateral exibindo os novos itens adicionados no arquivo de configuração.

Boxes (Caixas de Destaque / Widgets)

São blocos informativos que podem ser usados para destacar números e estatísticas.

<x-adminlte-small-box title="150" text="Novos Usuários" icon="fas fa-user-plus" theme="success" url="/admin/users" class="col-sm-8 col-md-3"/>
Code language: JavaScript (javascript)

title: Valor principal (ex: total de registros);
text: Descrição;
icon: ícone (FontAwesome);
theme: Cor (primary, success, danger, warning etc.);
url: Link para a página correspondente.

Alertas e Toastr

Para mensagens rápidas de feedback. Por exemplo, para notificações de ação do usuário.

<x-adminlte-alert theme="success" title="Sucesso!" dismissable>
    Usuário cadastrado com sucesso.
</x-adminlte-alert>Code language: HTML, XML (xml)

Ou via Toastr:

@section('js')
    <script>
           $(document).Toasts('create', {
                title: 'Toast Title',
                body: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.',
                icon: 'fas fa-exclamation-triangle'
           })
    </script>
@stopCode language: HTML, XML (xml)

Componente Toastr, exibido no canto superior direito da tela.

Modals (Janelas Modais)

Caixas de diálogo para confirmação ou formulários. Muito usado em confirmações de exclusão ou formulários rápidos.

{{-- Themed --}}
<x-adminlte-modal id="modalPurple" title="Theme Purple" theme="purple"
    icon="fas fa-bolt" size='lg' disable-animations>
    This is a purple theme modal without animations.
</x-adminlte-modal>

{{-- Example button to open modal --}}
<x-adminlte-button label="Open Modal" data-toggle="modal" data-target="#modalPurple" class="bg-purple"/>Code language: HTML, XML (xml)

E chegamos ao fim

É isso aí, pessoal… Em resumo, o AdminLTE integrado ao Laravel é uma solução prática e poderosa para acelerar o desenvolvimento de painéis administrativos e dashboards. Com seus componentes prontos ( layout base, sidebar personalizada, boxes de métricas, cards, formulários, alertas e modais) é possível construir interfaces modernas, responsivas e funcionais em pouco tempo. Essa integração facilita a organização do código, melhora a experiência do usuário e garante maior produtividade no desenvolvimento de sistemas web. Se você busca criar um dashboard Laravel profissional, o AdminLTE é uma das opções mais completas e recomendadas.

Código WEB