Skip to main content
Premium Course

Vue Inertia + Laravel 11: From Scratch

Create Single Page Applications (SPAs) without the complexity of traditional front-end/back-end separation using Inertia.js. Build a CRUD application while learning component loading, data passing, layouts, authentication, and permissions with Vue and Laravel.

18 lessons
56 min read
Premium Access Required

Get instant access to this course and all others with Laravel Daily Premium membership.

Get Premium Access

$29/month or $129/year

Course Curriculum

1 Intro

What's Inside The Course
1 min read
What is Inertia, What is SPA, and Why You Need It
4 min read

2 Practical Example: Table of Data

From Vue + API to Vue Inertia: Table of Data
6 min read
Protect Your Inertia Data with API Resources
3 min read

3 SPA With Links

New "About" Page with Links Menu
5 min read
Progress Indicators For Slower Pages
1 min read

4 Layouts

Extract Repeating Menus as Main Layout
4 min read
Head Section and Title: Inertia Component
2 min read
Multiple Layouts: Login Form
3 min read

5 Forms

Create Post Form: Component and Submit in SPA
5 min read
Form Validation and Multi-Submit Prevention
4 min read
Flash Success Messages in Inertia
2 min read
Delete Record with Confirmation
4 min read
Edit Form with Passing Props
2 min read

6 Authentication and Authorization

Working Login Form
4 min read
Logout and Link with POST Method
2 min read
Show User Data in Header
2 min read
User Roles and Permissions Protection
8 min read

You might also like