Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

kuechenplaner's avatar

Inertia.js Admin Panel Packages compatible?

I have developed an application with Inertia.js + Vue.js (Bootstrap as CSS Framework) + Laravel. Now I need a quick solution for an admin panel. Which solutions are compatible? Filament, Nova, Backpack or Voyager?

0 likes
7 replies
LaryAI's avatar
Level 58

Inertia.js is a modern approach to building classic server-driven web apps using JavaScript frameworks like Vue.js, React, or Svelte on the client-side. When it comes to integrating an admin panel into a Laravel application that uses Inertia.js, you'll want to consider how well the admin panel integrates with your existing stack and whether it supports Inertia.js out of the box or requires additional customization.

Here's a brief overview of the compatibility of the admin panels you mentioned:

  1. Filament: Filament is a TALL stack admin panel for Laravel (Tailwind CSS, Alpine.js, Laravel, and Livewire). Since it's built with the TALL stack, it doesn't use Inertia.js by default. However, Filament is quite flexible, and you could potentially integrate it into your Inertia.js application by creating custom pages or converting Filament views to Inertia.js views. This would require some work, as it's not a straightforward integration.

  2. Laravel Nova: Nova is a beautifully designed administration panel for Laravel built by the creators of Laravel. It is not designed with Inertia.js in mind and primarily uses Vue.js components without Inertia.js. Integrating Nova with an Inertia.js application would also require custom work to bridge the two, and it might not be the most seamless experience.

  3. Backpack for Laravel: Backpack is another Laravel package that provides an admin panel. It is not built with Inertia.js and uses its own stack, which includes Bootstrap for the frontend. Integrating Backpack with an Inertia.js application would require significant customization to make it work seamlessly with Inertia.js.

  4. Voyager: Voyager is an admin package for Laravel that includes BREAD (Browse, Read, Edit, Add, and Delete) operations out of the box. Like the others, it is not built with Inertia.js in mind and would require custom integration to work with an Inertia.js-based application.

Given these options, none of them are directly compatible with Inertia.js without additional work. However, if you're looking for a quick solution and are willing to work outside of Inertia.js for the admin panel, you could choose any of these and run it alongside your Inertia.js application. You would essentially have two separate systems: your Inertia.js application for the front-end user interface and a traditional Laravel admin panel for backend management.

If you want to stay within the Inertia.js ecosystem, you might consider building a custom admin panel using Vue.js components and Inertia.js, or look for community-driven solutions specifically designed for Inertia.js.

Remember that integrating a third-party admin panel into an existing Inertia.js application will likely require some level of customization to ensure a smooth user experience and maintain the benefits of Inertia.js.

tykus's avatar

The admin application does not need to follow the same technologies as the customer-facing application. But, be aware that any of Filament, Nova, Backpack or Voyager will impose their own underlying frameworks (e.g. Livewire, Vue, Tailwind etc.) on you.

Personally, I am using Filament which is built with Livewire. It took a little time to understand, especially coming from a Vue mindset, but, it is feature-rich and consistent. I would recommend it.

kuechenplaner's avatar

@tykus If I install filament to my project are there any extra configurations needed because of the different Stack? Filament won't add livewire automatically to my Frontend?

tykus's avatar

@kuechenplaner no, Livewire will not be _added_to your frontend application; it will be isolated to the admin application

Please or to participate in this conversation.