Hey, folks. Sorry, but we had to reupload this. There was an audio glitch for one of the chapters, and RU-vid doesn't allow you to update an existing video.
I love how you tutor, Jeffrey. You're the best! I loved this tutorial but I use React instead of Vue, and there's not much community support for React with Laravel. Could you create something similar that explains the Inertia.js documentation for React developers? It would be incredibly helpful not just for me, but also for other developers using React with Laravel.
For me The Filtering section didn't work as described with vue3 / vite. The key was to use the router function: import Pagination from "../Shared/Pagination.vue"; import { ref, watch } from "vue"; import { router } from "@inertiajs/vue3"; // use router defineProps({ users: Object }); let search = ref(""); watch(search, (value) => { router.get("/users", { search: value }, { preserveState: true, preserveScroll: true, replace: true }); });
Is there an updated version of this course? I was trying to follow until you edited the webpack.mix.js file. I'm on laravel 10 and I have vite instead of webpack.
Default layouts chapter: This doesnt work if we use Laravel 9 with pre-installed Inertia Vue3, it uses resolvePageComponent from 'laravel-vite-plugin/inertia-helpers', any solution?
i search and do this in my project it is work with me // vite.config.js import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [ vue(), laravel({ input: ['resources/css/app.css', 'resources/js/app.js'], refresh: true, }), ], }); // app.js import { createApp, h } from 'vue' import { createInertiaApp } from '@inertiajs/inertia-vue3' createInertiaApp({ resolve: name => import(`./Pages/${name}.vue`), setup({ el, App, props, plugin }) { createApp({ render: () => h(App, props) }) .use(plugin) .mount(el) }, }) // app.blade.php Vue 3 in Laravel 9 with inertiajs @vite('resources/css/app.css') @inertiaHead @inertia @vite('resources/js/app.js') I hope this work with you bro
Inertia docs says Inertia isn't a FRAMEWORK, Sir Jeff Passed it as a one of the used technology frameworks at this series !! ?? Anyway I'm a big fan of you. You're doing a great job. Thank you so much
can you do a video on unit testing (at least configurations) with the inertia, as I don't use the vue/cli = i find it very hard to configure things out.
I was so excited about this tutorial. But Laravel moved to Vite and now, after trying so many things (trying vite, then trying migrating to mix) and wasting so many hours, I give up. I just can't get arround to even starting with Inertia... What a bummer...
@@Laracastsofficial Thank you for responding... I found another tutorial on youtube for Installing inertia on Vite Laravel , and now I'm proceeding with this tutorial
@@justianspijkerbosch7584 I figured it out, the inertia docs are made with Mix (and Laravel uses Vite by default now) in mind and I copied and pasted blindly kekw
At 1:07:43 in the Default Layouts chapter, you tell us to swap the import to a require, but this doesn't seem to be supported by Laravel anymore because of Vite. What do we do instead in that situation?
Turns out a bit more work was needed for us Vite users. resolve: name => { const page = resolvePageComponent( `./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue') ); page.then((module) => { if (module.default.layout === undefined) { module.default.layout = Layout; } }); return page; },