Getting Started with Inertia, Vite & Vue 3 [Setup Guide]

Hi, which VScode theme have you setup in this video? Thanks for sharring us this vid:)

Excellent. thank you so much, you explained it very well

It seems like if you're using inertia, all you have to do in your app.js is put this:

import { createApp, h } from 'vue';
import { createInertiaApp } from '@inertiajs/vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';

createInertiaApp({
resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
setup({ el, App, props, plugin }) {
return createApp({ render: () => h(App, props) })
.use(plugin)
.mount(el)
},
});

don't have to do anything else

OMG. Thanks for this.

Thanks, it helps me so

Thanks as well David. Inertia is a wonderful product with great possibilities, but they really need to update their Installation docs. You helped with the last step which was my using the deprecated createInertiaApp() method not using resolvePageComponent. It is literally their lynch-pin which the entire functionality depends and they have yet to update the docs.

Thank you sir, would NOT have been able to find this out on my own. The inertia docs are kind of a nightmare by leaving out certain information and setup guides despite the utility it can provide

Thank you.. but a i have a question about ziggy, is making a full page reload and i guess in not right?

how do import assets in vite?

Inertia's docs just seem to be riddled with errors. It's easier to just code a separate API and Vue front end.

Oh my god thank you!! My first time using Inertia and my head was about to explode. Followed the documentation and had many errors being thrown at me, other tutorials were always outdates as they used webpack. Thanks again!

thank you so much!

Getting Started with Inertia, Vite & Vue 3 Next time can you write in the title laravel as well please.

Thank you for putting this out there. This video should be the first video people watch when trying to set up a Vue, InertiaJS, Laravel app. It's a life saver!

did not work for me I don't know what I am doing wrong

thank you, very useful video.

and what if your are not using valet/mac ? I'm using windows, and I try to spin the laravel dev server with the command php artisan serve and then I run the command npm run dev so it javascript is compiled and everything almost runs great but the links with ziggy aren't generated correctly because they are like localhost/admin while I need them to be localhost:8000/admin
and since it doesn't have a port, I can't click on the links.
any ideas on how to fix that?

finally! Thanks David

Thanks David, very useful information.

Thanks David ! Great video as always.