Loading video...

Video Failed to Load

Go Home

What about whole Inertia.js pages inside a Filament panel? 👀 I've been experimenting with this too! React / Vue / Svelte, with Filament navigation, actions, etc. around it. Not a "coming soon" this time though… this needs changes to Inertia itself

16,220 views • 15 days ago •via X (Twitter)

22 Comments

Dan Harrin 🦒's profile picture
Dan Harrin 🦒15 days ago

These support many Inertia features: pass props from your PHP page, submit forms, return validation errors, load deferred props, etc. I've been testing React, Vue and Svelte, with and without SSR, and with Filament's SPA mode too. Also alongside an existing Inertia frontend.

Dan Harrin 🦒's profile picture
Dan Harrin 🦒15 days ago

The tricky part is letting Livewire still handle navigation, while Inertia handles the content. I've opened a PR for Inertia to make that possible. The Inertia team might not like the idea, or how it's implemented, they're completely entitled to decline! But pretty cool to see.

fajar sp's profile picture
fajar sp15 days ago

@inertiajs can we remove livewire entirely ?

Dan Harrin 🦒's profile picture
Dan Harrin 🦒15 days ago

@inertiajs No, we have many features built on Livewire that we would not be able to replicate with the same developer experience

fajar sp's profile picture
fajar sp15 days ago

@inertiajs yeah it must be very complex 😂, i try built from scratch before AI comes, here is the repo its completly different, but the idea is the same

Shaheen Fawzy's profile picture
Shaheen Fawzy15 days ago

@inertiajs This unlocks so many possibilities

FLAV!US 🍪's profile picture
FLAV!US 🍪15 days ago

@filamentphp @inertiajs .. but why?

Dan Harrin 🦒's profile picture
Dan Harrin 🦒15 days ago

@filamentphp @inertiajs Some people prefer building with Inertia rather than Livewire or have more experience with it. This would let them use that workflow for custom pages, while still getting Filament's Livewire-powered resources, navigation, actions, etc. without building a whole admin from scratch.

Punyapal Shah's profile picture
Punyapal Shah14 days ago

@inertiajs I guess @pascalbaljet would love to collaborate 👀

Emovon Uwadia's profile picture
Emovon Uwadia12 days ago

@inertiajs Depending on the complexity of your filament apps, there are complex pages that requires using react/vue for maximum interactivity. Paired with the recent boost in the speed of filament, this is a blessing for those who need it. I have been using Mingle for this purpose!

Peach Peace Treaty's profile picture
Peach Peace Treaty15 days ago

@inertiajs awesome, would love to see it getting implemented

ᕦ( ͡° ͜ʖ ͡°)ᕤ's profile picture
ᕦ( ͡° ͜ʖ ͡°)ᕤ15 days ago

@filamentphp @inertiajs Wow you’re a genius! I like inertia because it splits the complexity in a good way: Server does routing, permissions and DB. Client renders the UI and reuses it Livewire renders UI on the server which feels out of place (is “spa mode” different?)

Hamad's profile picture
Hamad15 days ago

@inertiajs 🔥🔥

Al Nahian 🎯's profile picture
Al Nahian 🎯15 days ago

@inertiajs Yes please!

Pietro Iglio's profile picture
Pietro Iglio15 days ago

@filamentphp @inertiajs Hi Dan, did you try mingle?

Emovon Uwadia's profile picture
Emovon Uwadia14 days ago

@inertiajs This is a dream come through!!! Go all out bro.

Hey Mr. Carter™'s profile picture
Hey Mr. Carter™15 days ago

@inertiajs This gives me hope, I'm currently in the process of porting my entire dashboard to inertia/react, i'm 90% done but this gives me hope to stick with filament a few weeks longer

Brian's profile picture
Brian15 days ago

@filamentphp @inertiajs I can see the value for filament users but I really hope I never have to work on a project that has so much package specific context: livewire, filament, inertiajs + Frankenstein mode (this) haha. Livewire alone felt like too much to me the one time I worked with it

Dan Harrin 🦒's profile picture
Dan Harrin 🦒14 days ago

@filamentphp @inertiajs This is actually minimising the package specific context for a portion of users, and not increasing it for anyone else. Inertia users can use Inertia everywhere instead of switching to Livewire just inside Filament, and Livewire users continue not using Inertia.

vitalie's profile picture
vitalie15 days ago

@inertiajs nice idea btw... but how you create and add styles to vue/react components? won't be easy to create a separate library a web components lib for that?.. (for example like polaris web components, like shopify does)

Mira Takes's profile picture
Mira Takes13 days ago

@inertiajs This is a compelling bridge between Filament’s server-driven ergonomics and Inertia’s client-side flexibility. The key design win is keeping navigation and actions coherent while letting each page choose the right rendering model.

Emovon Uwadia's profile picture
Emovon Uwadia12 days ago

@inertiajs It will be foolish IMHO for the Laravel Inertia team to reject this.

Related Videos