Laravel Nova vs Filament — admin panel voor e-commerce

Laravel Nova vs Filament — admin panel voor e-commerce

Laravel Nova kost $199 per project. Filament is gratis. Dat verschil klinkt eenvoudig, maar het is niet de reden waarom wij bij nieuwe e-commerce projecten steeds vaker kiezen voor Filament. De keuze gaat over developer-experience, snelheid van bouwen, en hoeveel flexibiliteit je nodig hebt in een backoffice die echt iets moet doen.

Dit artikel vergelijkt beide admin panels op alles wat telt voor een e-commerce omgeving: prijsmodel, customisatie, performance, ecosysteem en teamfit. Niet op papier, maar op basis van wat wij in de praktijk zien bij klanten met een Laravel-backend achter hun webshop.

Prijsmodel: gratis vs betaald, maar het verhaal gaat verder

Nova werkt met een eenmalige licentiebetaling van $199 per project (Plus-tier). Voor enterprise-licenties (meerdere projecten, team) rekent Laravel Labs meer. Je koopt een licentie, registreert je domein, en hebt recht op updates zolang je actief abonnement loopt.

Filament is volledig open source onder de MIT-licentie. Geen licentiekosten, geen domeinregistratie. Het project wordt onderhouden door de community en gesponsord via GitHub Sponsors. De core is stabiel en actief; Filament v3 — uitgebracht in 2023 — is een volwassen release.

Voor een eenmanszaak of startup is het verschil verwaarloosbaar. Voor een bureau dat tien projecten per jaar oplevert, is het verschil al gauw €2.000+ per jaar alleen in licentiekosten. Daar bovenop: Nova-licenties zijn gekoppeld aan projecten, niet aan developers. Dat kan knellen bij projectoverdrachten of subcontractors.

Developer-experience: snelheid van bouwen

Nova bouwt voort op de vertrouwde Laravel-conventies. Resources zijn PHP-klassen; je definieert velden, filters, actions en metrics in code. Dat voelt bekend als je uit het Laravel-ecosysteem komt. De leercurve is laag voor een ervaren Laravel-developer.

// Nova Resource voorbeeld — OrderResource.php
class OrderResource extends Resource
{
    public static $model = Order::class;

    public function fields(NovaRequest $request): array
    {
        return [
            ID::make()->sortable(),
            BelongsTo::make('Customer'),
            Text::make('Status')->sortable(),
            Currency::make('Total')->currency('EUR'),
            DateTime::make('Ordered At', 'created_at'),
        ];
    }
}

Filament werkt met dezelfde concepten, maar heeft drie aparte packages: Admin Panel, Form Builder en Table Builder. Die kun je los gebruiken — ook buiten het admin panel. Dat is een sterk punt. Je bouwt een complexe producteditor? Gebruik de Form Builder standalone in een Livewire-component. Geen Nova-afhankelijkheid nodig voor de rest van je app.

// Filament Resource voorbeeld — OrderResource.php
class OrderResource extends Resource
{
    protected static ?string $model = Order::class;

    public static function form(Form $form): Form
    {
        return $form->schema([
            Forms\Components\Select::make('customer_id')
                ->relationship('customer', 'name')
                ->searchable(),
            Forms\Components\Select::make('status')
                ->options(OrderStatus::class),
            Forms\Components\TextInput::make('total')
                ->prefix('€')
                ->numeric(),
        ]);
    }
}

In de praktijk zien wij dat Filament sneller gebouwd is voor standaard CRUD-achtige e-commerce backoffices. Orderoverzichten, productbeheer, klantprofielen: binnen een halve dag staat de basis. Nova is iets trager door de extra configuratielaag voor autorisatie en metrics.

Customisatie: als je van het pad af moet

E-commerce admin panels zijn zelden standaard. Klanten willen een dashboard met omzetcijfers per kanaal, een koppeling met hun ERP, of een inkooporderbeheer dat nergens in een standaard package past. Hier toont het verschil zich het duidelijkst.

Nova biedt Tools (volledige custom views), Cards (dashboard-widgets) en Actions. Customisatie werkt via Blade-templates en Vue.js-componenten. Nova's frontend is gebouwd op Vue 2 (historisch gezien) en draait op eigen JS-infra. Dat maakt custom UI-componenten complexer dan je wil.

Filament is gebouwd op Livewire en Alpine.js. Voor een Laravel-team dat al met Livewire werkt, is dit een groot voordeel. Geen aparte Vue-build, geen webpack-configuratie voor je eigen components. Je schrijft PHP en Blade, de reactieve UI doet Livewire. Custom widgets, ingebedde forms, sidebar-navigatie: allemaal in de toolset die je al kent.

Wij zien bij klanten met een maatwerk-backoffice dat Filament minder "dode hoeken" heeft. Bij Nova kom je eerder tegen een limiet die je alleen kunt omzeilen door in de Vue-laag te duiken — en dat kost tijd.

Performance: wat merkt de gebruiker?

Beide panels zijn niet bedoeld als klantgerichte frontend. Performance speelt een andere rol dan in een webshop. Toch zijn er verschillen die dagelijks voelbaar zijn voor interne gebruikers.

Nova laadt een SPA (Single Page Application) via Vue. Eerste paginalaad is iets zwaarder, maar navigatie daarna is snel. Bij grote datasets (orders, producten, klanten) hangt performance af van hoe goed je Eloquent-queries zijn geoptimaliseerd. Nova doet weinig aan eager loading out-of-the-box.

Filament werkt met server-side rendering via Livewire. Elke paginaactie is een serverroundtrip. Op een goed geconfigureerde server met een degelijke cache-setup merk je dit niet. Op een onderdimensioneerde VPS met honderden gelijktijdige admin-gebruikers kan de Livewire-overhead opvallen.

Voor een typische e-commerce klant (1-10 admins tegelijk) maakt het in de praktijk geen verschil. Wij zien geen performanceproblemen bij Filament-installs op een Laravel Forge-server met Redis als queue- en cache-driver.

Ecosysteem: plugins, integraties en community

Nova heeft een marktplaats met plugins en een community die jarenlang is opgebouwd. De kwaliteit varieert: sommige plugins zijn goed onderhouden, andere liggen al twee jaar stil. Nova-plugins zijn soms betaald ($50-$150), wat de totaalkosten opdrijft.

Filament heeft in twee jaar een indrukwekkend ecosysteem opgebouwd. Op filamentphp.com/plugins staan honderden gratis en betaalde packages. De community op Discord is actief. Voor e-commerce relevante integraties — denk aan Spatie-packages, media library, settings, roles & permissions — is de Filament-ondersteuning doorgaans beter gedocumenteerd.

Beide tools integreren goed met Spatie's pakket-suite (permissions, media-library, tags). Voor een Shopify-koppeling of een Magento-integratie via een REST API schrijf je de integratie toch zelf, ongeacht welk admin panel je kiest. Dat is de realiteit van maatwerk-Laravel-development.

Welk panel past bij welk project?

Er is geen absolute winnaar. Het gaat om de match met je team en projectcontext.

• Je team al diep in het Nova-ecosysteem zit en de $199 geen issue is
• Je project gebruik maakt van de specifieke Nova-features (metrics, realtime updates via broadcasts)
• Je een klein panel wil met minimale setup en de voorkeur geeft aan de officieel-ondersteunde route
• De klant of het contract vereist officieel betaalde software met support-SLA

• Je een backoffice bouwt die verder gaat dan standaard CRUD
• Je team werkt met Livewire en wil geen extra Vue-laag introduceren
• Je budget bewust wil houden — met name bij meerdere projecten per jaar
• Je standalone Form Builder of Table Builder wil inzetten buiten het admin panel
• De klant heeft een intern team dat straks zelf aanpassingen doet: open source is dan prettiger

Wij kiezen bij nieuwe projecten standaard voor Filament. Niet omdat Nova slecht is — het is een degelijk product — maar omdat Filament sneller bouwt, beter schaalt naar maatwerk, en goedkoper is over meerdere projecten. Voor Shopify-projecten met een Laravel-backend voor orderverwerking of een PIM is Filament onze standaardkeuze.

Autorisatie en rollen: wie mag wat zien?

In e-commerce is rechtenstructuur geen bijzaak. Een inkoper mag geen klantgegevens zien. Een klantenservicemedewerker heeft toegang tot orders maar niet tot marges. Beide panels bouwen voort op Laravel Policies, maar de implementatie verschilt.

Nova gebruikt viewAny, view, create, update en delete methoden in je Policy. Dat werkt goed voor eenvoudige rollen. Voor complexere, dynamische rechtensystemen heb je Nova's eigen authorizedToCreate en vergelijkbare methoden, of je koppelt Spatie's laravel-permission.

Filament heeft een vergelijkbare aanpak maar biedt meer opties voor conditonele zichtbaarheid van velden en tabs op basis van rollen. Je kunt een heel form-schema weergeven afhankelijk van auth()->user()->hasRole('manager'). Dat levert cleaner code op dan Nova's aanpak waarbij je custom Nova-tools moet bouwen voor complexe weergaveregels.

Voor projecten met meer dan drie rollen en een dynamische rechtensstructuur — denk aan een marketplace met leveranciers die hun eigen producten beheren — werkt Filament aanzienlijk beter uit de doos.

Migreren van Nova naar Filament?

Als je een bestaand Nova-project hebt, is migreren geen kleine klus. Resources zijn vergelijkbaar van structuur, maar je herschrijft alle field-definities, actions en custom tools. Reken op een dag werk per resource, plus tijd voor het opnieuw inregelen van autorisatie (Policies werken in beide panels, maar de implementatie verschilt).

Een volledige migratie voor een middelgroot e-commerce project (20-30 resources) kost doorgaans 3-5 werkdagen. Voor kleine panels (5-10 resources) is het een dag werk. Wij adviseren dit alleen te doen bij een grotere herbouw of als de Nova-licentiekosten structureel pijn doen.

Wat je wél mee kunt nemen: Eloquent-models, Policies, business logic. Die zijn los van het admin panel. De resources zelf herschrijf je, maar de kern van je applicatie blijft staan. Dat maakt een migratie minder risicovol dan het op het eerste gezicht lijkt.

Conclusie

Laravel Nova en Filament zijn beide volwassen keuzes voor een e-commerce admin panel. Nova biedt zekerheid en officiële support. Filament biedt meer flexibiliteit, een groeiende community, en is gratis. Voor maatwerk-backoffices — de meeste serieuze e-commerce projecten — wint Filament op vrijwel alle criteria.

Wil je weten welke keuze past bij jouw specifieke situatie? Neem contact op en wij kijken met je mee.

Veelgestelde vragen

Is Filament geschikt voor grote e-commerce backends met honderdduizenden orders?

Ja, mits je database goed is geoptimaliseerd. Filament's Table Builder ondersteunt lazy loading, server-side filtering en chunked queries. De bottleneck zit nooit in Filament zelf, maar in je Eloquent-queries en databaseindexen. Wij draaien Filament-installs met miljoenen records zonder problemen.

Kun je Laravel Nova en Filament naast elkaar gebruiken in één project?

Technisch kan het, maar dat wil je niet. Twee admin panels in één applicatie betekent dubbele middleware, dubbele authenticatie-setup, en dubbele maintenance. Kies er één. Als je een bestaand Nova-panel hebt en Filament wil verkennen, doe dat in een nieuw project.

Ondersteunt Filament multi-tenancy voor een SaaS- of marketplace-platform?

Filament v3 heeft ingebouwde multi-tenancy support. Je kunt per tenant een aparte panel-context configureren, inclusief eigen resources, navigatie en autorisatie. Dat maakt het bruikbaar voor een marketplace of een SaaS-platform waar meerdere verkopers hun eigen beheeromgeving nodig hebben.

Wat is de leercurve van Filament voor een team dat Laravel kent maar Livewire niet?

Reken op een tot twee dagen om de Livewire-concepten te begrijpen (reactieve state, actions, lifecycle hooks). Daarna gaat Filament snel. De documentatie is goed. In de praktijk zien wij dat junior-developers sneller productief zijn in Filament dan in Nova, omdat ze minder frontend-kennis nodig hebben.