Filament 5 in Depth
Filament's powers have increased exponentially. Now at version 5, it's more powerful and capable than ever. In this series, we'll build a practical Roadmap app from scratch, using Filament for the admin panel and Livewire for the public-facing side.
Along the way, we'll cover panel configuration, enum-driven UI, strict authorization with policies, and newer form inputs like ToggleButtons, Sliders, and the TipTap-powered RichEditor. By the end, you'll have a full-featured app and a solid handle on everything new in Filament.
Series episodes
Setup and Configuration (5)
Filament Panel Installation and Resources
9m 15sInstall Filament 5 fast and learn key resources to build a powerful admin panel backend for your Laravel app with Filament Panels.
Enums in Filament
10mUse PHP Enums in Filament to improve forms and tables, add labels and colors, and keep your app consistent and easy to maintain.
Panel Configuration
15m 1sExplore Filament panel configuration: choose built-in features, tweak options, and extend core classes to add custom functionality.
Service Provider Configuration
13m 39sConfigure Filament via Laravel service providers to customize classes, improve presets, and streamline your admin panel workflow.
Policies and Strict Authorization
10m 41sLearn how Filament policies and strictAuthorization ensure every UI action is authorized, hiding buttons users can’t use.
Forms and Layout (5)
ToggleGroup, Slider, and RichEditor
18m 15sExplore Filament 4’s new form inputs: ToggleGroup for better radios, Slider controls, and TipTap-powered RichEditor for rich content.
visibleJs
11m 39sShow and hide Livewire form fields instantly with visibleJs/hiddenJs, write correct expressions, and validate hidden required inputs.
afterStateUpdatedJs
10m 7sBuild interactive form fields in Livewire: use afterStateUpdated, then switch to afterStateUpdatedJs for fast calculations without requests.
Theme and Layout
14m 46sDiscover how to customize Filament form layouts with themes, sections, and tabs to build clean, user-friendly admin UIs faster.
Table Repeater
19m 7sLearn how Filament’s Repeater with ->table() manages arrays and relationships, then display entries cleanly with RepeatableEntry.
Views and Public UI (3)
Infolist
8m 3sLearn Filament infolists fast: build clean view sections, safely render rich text with prose, and add enum badges for a polished UI.
Comments and Votes
23m 40sBuild Comment and Vote models in Laravel, set up relationships, and add Filament relation managers to power your public-facing site.
Using Filament in a Livewire Component
17m 30sUse Filament inside a Livewire component to handle comment submissions with a polished UI, plus a walkthrough of key behind-the-scenes changes.
Advanced Workflow (3)
Tables with Bulk Action Authorization
9m 39sSecure bulk actions in tables—authorize each record before processing to prevent risky changes and keep users’ permissions in check.
Custom Data Table and API Integration
25m 22sBuild Filament tables without Eloquent models—pull API data and generate Feature records with a clean, custom data table.
Filament Website and Plugins
3m 45sExplore Filament 5’s new website and top plugins—find clear docs and tips to build better web apps with Filament faster.
