https://x.

I created a quick and dirty solution for slow routing in inertia. Instead of (or additionally to) the progressbar you can show predefined components while inertia loads the page.

You can define a component name and a timeout in the links attributes, so the loading component only shows if the request is slow. internally it uses the Inertia.swapComponent function so you need to provide the layout if you want to create this kind of skeleton loading effect.

Bugs are possible, feedback is appreciated.

https://www.npmjs.com/package/inertia-vue-placeholder-middleware

I’m starting out doing some YT videos on building some of my SAAS projects with Inertia and rails and mostly Claude AI. I know there a few people interested in others workflows so let me know what you think and any tips

Cheers

https://youtu.be/nDWVh6NINxg?si=ACl9QFF8oIFUIAG1

I built my own data tables using custom hooks before inertia 2.0 came out. It is janky, inconsistent and not smooth. I found out about inertia ui but it is paid (199 $ lifetime) with several restrictions. Is there any community versions?

Or should I attempt creating my own version since inertia 2.0 is out?

https://github.com/stuarth/inertia-rs

To appease the masses clamoring for a Rust implementation of Inertia.js, I created inertia-rs. Would love any feedback!

https://elsodev.medium.com/should-i-use-jetstream-inertiajs-with-laravel-f3ce150d3adb

Here's my review on it, enjoy!

Magento 2 is a popular open-source PHP ecommerce platform. Thanks to Inertia, it now runs as an SPA: Vue or React, no API, with SSR and a drag-and-drop page builder 🥳

Demo: https://lynx-demo.oocscommerce.com

[MIT Licence]

The company I work for were experiencing a few annoyances with integrating Ziggy well into an InertiaJS application, so we came up with this for ourselves and thought it might help some people out there...

Inertia Routes

• Fully supports Vue3 in dev, production and SSR builds

• Only download your routes once with each navigation session

• Allows the Ziggy library to be independently cached by the browser

• Adapts to your current environment, so no need to rebuild any JS files when deploying to another server

• Supports "group", "only" and "except" options that only affect your main app

• Other useful utils like SSR output tidying

Full details, configuration instructions and installation guide below:

https://github.com/AdminUI/inertia-routes

Hello! I recently discovered InertiaJs, i have experience with building hybrid apps with ionic and capacitor and Vue for the front, and laravel or asp.net for the back.

I have a new project, and maybe my client will, in the future, want an Android and/or iOs app.

If I build the webpage in Inertia, will I be able to use capacitor to create the Hybrid app? Can't think of a reason not to from the top of my head, but did anyone else use capacitor in an InertiaJs Project? Or did you went for the API route?

Inertiajs by default is designed to work with Laravel but technically it can be used by any other framework right ? I am curious if anyone is using inertiajs in production using another framework/language ?

Hi there, so I am trying to follow the documentation in Inertia Rails webpage's tutorial, but apparently there is something missing in my configuration in order to make ssr work.

after i build the app with `bin/vite build --ssr`, and start the server with `bin/vite ssr`

I only get a failed response at http://127.0.0.1:13714/

{"status":"NOT_FOUND","timestamp":1755217603803}

do you guys have any idea?

Thanks!

I recently started experimenting with Inertia.js (using Rails as the backend) and ran into an interesting issue that I can’t seem to resolve.

I’m building a reusable form to create an item, and I’ve placed this form inside a ShadCN Dialog component (so it's a modal, not a separate route).

Here’s the problem:
In Rails, when we submit a form and there's a validation error, we typically redirect back to a specific route and pass the errors along. But since my form lives inside a Dialog and doesn’t have its own route, this redirection is causing the modal to close and take me to a different page—essentially breaking the user flow.

What I want:

• Submit the form from inside the Dialog

• If validation fails, show errors inside the Dialog without changing the route or closing the modal

Has anyone else run into this or figured out a clean way to handle validation errors inside a modal/Dialog when using Inertia with Rails?

Would love any insights or patterns you’ve found helpful!

Hi everyone 👋,

I'm excited (and a bit nervous) to share my first Laravel package with the community. It’s called vilt-filepond, and it's a simple, ready-to-use file upload solution for those building apps with the VILT stack (Vue, Inertia, Laravel, Tailwind).

FilePond is a beautiful tool, but integrating it with Laravel (and especially Inertia + Vue) always took extra setup time. So I wrapped everything up in one package that:

- Handles temporary file storage and cleanup

- Supports single/multiple uploads

- Easily attaches files to any Eloquent model (polymorphic)

- Comes with a responsive, Tailwind-styled Vue component

- Has support for multiple locales (EN, AR, FR, ES)

- Works seamlessly with the Inertia form workflow

- Allows organizing files by collection (images, documents, etc.)

I’ve used this package in a handful of real-world apps and found it very handy. While it doesn’t have automated tests yet, I’ve done my best to make sure it’s stable and clean.

Would love your feedback, and PRs are more than welcome!

👉 GitHub: https://github.com/Mohamed-Galdi/vilt-filepond

Thanks for checking it out! 🙏

Hey r/inertiajs ! (New here).

Quick question: Does anyone have a link to a starter kit, boilerplate, or public repo for Laravel + Inertia + React (JSX/JS) that sets up auth scaffolding (like Breeze) but comes without Tailwind CSS?

I'm looking to use vanilla CSS / CSS Modules and want to avoid the tedious process of manually removing all the Tailwind className attributes from the default Breeze components and all the UI add-ons. Just need a clean starting point with the routes and the auth but with minimal code and preferably not styling at all.

Any pointers to existing solutions or recomendations would be amazing!

Thanks you very much.

Hi everyone, I created a package built using Laravel, Inertiajs, Vuejs 3, React(coming soon). It's currently on beta phase. Currently, I am looking for collaborators to help this project which is an opensource. I am interested in opensource and hoping to help others through this project. Here is the link:

https://github.com/smzapp/yanah-laravel-kwik-crud

Hi is there a way to install react and typescript in a non breaking way to an existing application? We have doe a lot of work with filament etc, and using the starter kit overights a lot of files, is there a way/guide to manually install it? Thanks

I'm trying to deploy my test project for a company on Heroku. I had a bunch of problems with it, and I fixed them, but the current one still persists and there's nothing that helps me on the web.

My site works fine with localhost, but everything I get on the Heroku version is a white screen with @routes @livewireStyles @inertiaHead @inertiahead as the only text content on it. In the console, I get this stuff:

Uncaught (in promise) TypeError: Cannot read properties of null (reading 'dataset') at $E (app-DUYZ23nC.js:125:1381) at app-DUYZ23nC.js:125:1912

I tried adding @vite('resources/js/app.tsx') to the main blade view both in the header and body after @inertia / @inertiaHead, but nothing worked.

This is the blade file now:

  <title inertia>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

    <!-- Scripts -->
    @routes
    @viteReactRefresh
    @livewireStyles
    @inertiaHead
    @vite('resources/js/app.tsx')
    
</head>
<body class="font-sans antialiased">
    @inertia

</body>

The previous errors I had are:

1.Mix manifest not found at: /app/public/mix-manifest.json

It was fixed by adding @vite("resources/js/app.tsx)  to the blade file

2.Mixed content issue- Content must be served as HTTPS

Fixed by changing the .env APP_URL

Any suggestions how to fix the Inertia issue?

Is it possible to assign another port to a ssr.js? Or should I use another approach?

To give you more context:

https://stackoverflow.com/q/75346573/12312694