Learn Inertia With Jeffrey
Inertia.js allows you to build single-page applications, while still allowing Laravel to be responsible for routing, controllers, authorization, policies, and more. Think of it like the glue that connects a server-side framework like Laravel, to a client-side framework like Vue.
Despite all the hype, I'm only just now taking a first look at all that Inertia has to offer. If you're in the same position, why don't you come along and we'll learn it together?
Series episodes
Up and Running (3)
Hello Ping
5m 7sInstall and configure the Ping demo app while getting a friendly, practical introduction to Inertia and app setup.
Routing to Vue Components
14m 28sExplore routing to Vue components: trace the home route, controller, and data flow to learn how pages connect in Ping.
The Inertia Directive and Persistent Layouts
10m 39sUse Blade's @inertia directive and persistent layouts to speed navigation, preserve state, and simplify your app structure.
My Questions (8)
How Do I Manage HTML Metadata
5m 31sLearn where to set page HTML metadata in Vue/Inertia apps using vue-meta—manage titles, meta tags, and SEO from your components.
How Do I Share Data
7m 55sLearn how Ping shares global data (like the signed-in user) across components for consistent access and simpler state management.
How Do I Reference Named Routes
5m 50sLearn to reference Laravel named routes on the client using Ziggy to call route() from JavaScript for consistent, maintainable URLs.
How Do I Work With Forms
7m 44sLearn form handling patterns - server forms, Livewire components, and Vue+Inertia AJAX - practical techniques Ping uses to submit and process forms.
How Does Form Validation Work?
3m 59sLearn how Inertia handles form validation and error display in SPAs, simplifying AJAX 422 handling and user feedback.
How Do I Manage Flash Messages
4m 56sAutomatically pass and display flash messages via Inertia middleware to show user alerts without adding flash props to every controller.
How Does Real-Time Table Filtering Work
19m 2sDiscover how Ping implements real-time table filtering—build efficient, user-friendly live filters to search and sort data instantly.
How Do I Handle Policy Authorization
5m 23sLearn to handle policy authorization in Vue components by passing server-side policies as props, avoid duplication and keep client/server logic consistent.
