
Discover how to get help and stay current with Laravel 12 and Vue 3. Access code changes on GitHub, use ChatGPT, and set up PHP, Node.js, Docker, and VS Code.
A quick introduction to what you'll find, build and learn in this section!
Install Composer on Windows to manage PHP projects and libraries. Use the Windows installer, point to your PHP path, finish, then run Composer to verify.
Install node.js on Windows by downloading the LTS version from nodejs.org, run the installer with all tools, approve prompts, and verify the installation with node -v.
Install and start Docker Desktop on Windows by downloading from docker.com, running the installer, restarting when prompted, and install the WSL 2 Linux kernel as advised.
A quick introduction to what you'll find, build and learn in this section!
Homebrew is the tool to manage software on macOS, see how to get started.
Installing PHP 8.2 on Mac
Installing Composer (tool for creating PHP apps and managing libraries of PHP apps) on Mac
Installing Node.js on Mac
Installing Docker Desktop on Mac
A quick introduction to what you'll find, build and learn in this section!
Learn how to implement default layouts with inertia in a Laravel 12 and Vue 3 spa, applying a main layout to pages that lack a specific layout.
A quick introduction to what you'll find, build and learn in this section!
Learn how relational databases store data in tables with primary keys and indexes. Build and interact with those tables in Laravel using Eloquent models and migrations.
Master Laravel migrations by creating descriptive names, adding listings fields like beds, buffs, area, and address, and using migrate status and rollback to manage schema changes.
Define listing model factories with faker in Laravel to generate fake data, seed the database with seeders, and use migrate and db seed to test the app.
Learn to use Laravel Tinker to interact with the database via Eloquent, run queries in the command line, and resolve issues with composer dump-autoload and fully qualified namespace.
Create a Laravel resource controller with predefined actions and routes, and use route model binding by type-hinting the listing model to fetch resources automatically.
Learn how Laravel middleware runs before each request and how to share data with every Inertia view, including flash messages stored in the session.
A quick introduction to what you'll find, build and learn in this section!
Create a custom ui component called box to host a listing, and render listings in a responsive tailwind grid. Build a ui components folder with dark mode and mobile-first breakpoints.
Style the new listings form with a six-column grid and precise column spans, and apply consistent label and input styling for light and dark modes using Tailwind utilities.
Build the monthly payment calculator in Vue by binding rate and loan duration with ref and v-model, computing the payment via a computed property, and extracting the logic for reuse.
A quick introduction to what you'll find, build and learn in this section!
Create a login controller and routes in Laravel to sign in. Treat the authenticated user session as a resource using create, store, and destroy actions, and compare routing.
Create a centered authentication form page for a Laravel 12 and Vue 3 SPA, rendering the login view with Inertia and handling email and password inputs via v-model.
Learn to log out an authenticated user by destroying and invalidating the session, regenerating the token, and redirecting via the logout route with a delete request.
A quick introduction to what you'll find, build and learn in this section!
define a one-to-many relationship between user and listing models in Laravel, using hasMany and belongsTo methods, with a foreign key by user_id, and create migrations to enforce the relation.
Explore how to implement one-to-many relationships between users and listings in Laravel, creating users, composing listings, and using tinker or controller logic to associate and reassign ownership.
Create a listing policy class for the listing model, define actions like view and create, and wire them to a resource controller. Use authorize, can, or authorizeResource to enforce policies.
Build a modern full-stack SPA with Laravel, Vue 3, Inertia.js & Tailwind (VILT stack)
Skip the theory-overload. In this course, we’ll actually build a real, production-ready Single Page Application from scratch — backend to frontend — using Laravel, Vue 3, Inertia.js, and Tailwind CSS. You’ll learn by doing, with practical, hands-on coding at every step.
You’ll learn by doing:
Set up a fresh Laravel + Vue + Inertia project and get it running locally (Mac or Windows)
Use Vue 3 Composition API for clean, reactive, maintainable components
Connect Laravel & Vue with Inertia.js — no separate API layer, no boilerplate REST/GraphQL headaches
Style fast with Tailwind CSS — fully responsive layouts without wrestling CSS files
Implement auth (login, registration, permissions) the Laravel way
Work with databases: migrations, Eloquent ORM, relationships, seeding
Add real-world features: routing, middleware, email sending, and form handling
Manage state and dynamic UI in Vue for a smooth SPA experience
Also covered:
Sensible project structure for full-stack apps that scales with new features
Performance tips & optimization techniques for faster load times and smoother UX
Debugging workflows that actually help you fix issues faster and with less frustration
Best practices for keeping your codebase clean, organized, and easy to maintain over time
By the end, you’ll know exactly how to plan, build, and ship a modern, production-ready SPA without getting lost in outdated patterns, bloated dependencies, or overcomplicated setups.