Dashboard on Laravel: Framework de php

Creando Páginas

Sun, 21 Sep 2025 08:32:21 +0200

Personalizar la página dasbhboard

Vamos a crear una página personalizada para el dashboard de Filament, en lugar de usar la predeterminada. En la terminal ejecutamos:

php artisan make:filament-page AdminHome

Esto generará el archivo: app/Filament/Pages/AdminHome.php Ejemplo de implementación:

<?php
namespace App\Filament\Pages;
use Filament\Pages\Page;
class AdminHome extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-home';
    protected static ?string $navigationLabel = 'Dashboard';
    protected static ?string $navigationGroup = 'Admin';
    protected static ?int $navigationSort = 1;
    protected static string $view = 'filament.pages.admin-home';

    public function getTitle(): string
    {
        return __('dashboard.title');
    }

    public function getHeading(): string
    {
        return __('dashboard.heading');
    }
}

Vista Blade Esta acción generará el archivo de vista: resources/views/filament/pages/admin-home.blade.php

      
<x-filament::page>
    <x-filament::section>
        <div class="p-6 text-center">
            <h2 class="text-2xl font-bold text-gray-800 dark:text-gray-100">
                👋 {{ __('dashboard.welcome_title') }}
            </h2>
            <p class="mt-2 text-gray-600 dark:text-gray-400">
                {!! __('dashboard.welcome_message') !!}
            </p>
        </div>
    </x-filament::section>
</x-filament::page>

Widgets en el Panel

Mon, 26 Aug 2024 18:45:00 +0200

Un widget es un componente reutilizable que se muestra dentro del panel de administración.
Sirve para aportar información rápida, estadísticas, accesos directos o mensajes de bienvenida al usuario.

En Filament existen varios tipos de widgets, por ejemplo:

Stats Overview → muestra métricas y estadísticas rápidas.
Charts → gráficos para visualizar datos.
Tables → listados o tablas interactivas.
Custom Widgets → creados por el desarrollador con contenido libre.

Una idea muy útil 👌 es añadir un widget personalizado que muestre un texto de introducción o presentación en el panel principal de Filament.
Además, podemos aprovechar las traducciones de Laravel (__('...')) para hacerlo multilenguaje.

Panel

Thu, 08 Aug 2024 18:23:50 +0200

El panel del admin

La parte visual de la administración en Filament se centra en uno o varios paneles, que son el núcleo desde donde un administrador o los roles autorizados pueden ver y gestionar los recursos de la aplicación.

Cuando instalamos Filament, se crea automáticamente un panel de administración por defecto, al cual se accede directamente desde la URL:

/admin

Además de este panel inicial, se pueden crear más paneles según las necesidades del proyecto.
Por ejemplo:

Navegación

Thu, 08 Aug 2024 18:23:50 +0200

Navegación en el panel

En el panel de administración de Filament, la navegación es el conjunto de menús y botones que nos permiten acceder a los recursos, páginas o clústeres que hemos creado.

Filament nos permite organizar y personalizar cómo se muestran estos elementos en el panel.

Agrupar recursos con $navigationGroup

La forma más sencilla de agrupar recursos es mediante el atributo:

protected static ?string $navigationGroup = 'Usuarios';

O bien, con un método dinámico que incluso se puede traducir: