Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Laravel Filament bruk i frontenden


Laravel Filament bruk i frontenden


Filament er først og fremst designet som et verktøysett for adminpanel for Laravel, men det kan også brukes til å bygge brukervendte grensesnitt i visse tilfeller. Her er hovedpunktene:

- Filament gir et sett med verktøy og komponenter som gjør det enkelt å bygge administrasjonspaneler og CRUD-grensesnitt for Laravel-apper[1][2]. Den sitter på toppen av Laravel og Livewire.

- Det arkitektoniske mønsteret "Back-end as a Front-end" innebærer å bruke admin-dashbordet som hovedbrukergrensesnittet for hele appen, og blande admin- og brukerområdene sammen[2]. Dette kan fungere bra for apper der admin- og brukerflyten er veldig like.

– Noen utviklere har brukt Filament til å bygge både admin-backend og brukervendt frontend av Laravel-appene deres, ved å sette opp separate ruter for admin-området (f.eks. /admin) og hovedbrukergrensesnittet (f.eks. /)[3]. Dette gjør det mulig å utnytte Filaments funksjoner for begge deler.

- Filaments Navigation-plugin kan brukes til å bygge en global frontend-navigasjonsmeny som kan deles på tvers av Blade-visninger[4]. Dette demonstrerer hvordan Filament-komponenter kan brukes på frontend.

– Filament er imidlertid ikke en erstatning for et fullverdig frontend-rammeverk i alle tilfeller. Det fungerer best for apper der admin- og brukeropplevelsen er tett på linje. For mer komplekse brukervendte apper kan en separat frontend bygget med et rammeverk som Vue.js fortsatt være å foretrekke[2].

Oppsummert, mens Filament først og fremst er et verktøysett for adminpaneler, kan det brukes til å bygge brukergrensesnitt i visse situasjoner der admin- og brukerflytene er svært like. Men det har begrensninger sammenlignet med dedikerte frontend-rammeverk for mer komplekse brukervendte apper.

Sitater:
[1] https://www.reddit.com/r/laravel/comments/185rwo1/how_many_of_you_are_using_filament/
[2] https://dev.to/voltra/back-end-as-a-front-end-or-how-admin-dashboards-can-drive-your-apps-57
[3] https://github.com/filamentphp/filament/discussions/9620
[4] https://v2.filamentphp.com/tricks/build-a-global-frontend-navigation-with-the-navigation-plugin
[5] https://filamentexamples.com/project/cms-blog-front-theme