Laravel with Inertia.js and Vue 3 | New Course Promo Video

Inertia serves as the solution, seamlessly connecting Laravel as a backend with a frontend Framework (React/Vue/Svelte), enabling us to build everything in one application (a monolith) while achieving the same outcome. The best part? We don't have to create an API.

Projects Roadmap and Status:

[Uploaded] Learn Inertia

[Uploaded] Flexible Flash Notifications with Inertia

[Uploaded] Building a Simple Student's Management System

[Uploaded] Implementing Roles/Permissions in Inertia-Based Applications.

[Uploaded] Multiple Drag And Drop File Uploading and Processing with Inertia[In Progress] Translations with Laravel and Inertia[In Progress] Infinite Scrolling with Inertia

Project Description:

[Uploaded] Learn Inertia

Some of the topics we'll cover in this section include:

Learn how to set up Laravel with Inertia and Vue Stack.

Learn how to Format the data with API Resources.

Learn about how to work with forms, and display validation errors

Learn how to preserve the scroll behavior, and preserve the state of the page

Learn how to implement Manual Visits and Partial Reloads in Inertia.

Learn how to Implement Authorization checks (on both frontend and backend)

Learn how to Customize the default Error pages and render Custom Inertia Pages (403, 404, 419 pages)

Learn how to display Flash Notifications in Inertia/Vue

Learn how to Set up page titles and meta tags.

[Uploaded] Flexible Flash Notifications with Inertia

In this Section, we'll learn how to build a flexible flash notifications feature in Inertia.

By the end of the section, we'll have the ability to flash any type of notification, anywhere in our application, without repeating any code.

[Uploaded] Building a Simple Student's Management System

In this section, we'll build a simple CRUD app and dive into the fundamentals of building CRUD applications with Laravel, Inertia, and the Vue Stack, and we will learn the following topics along the way:

Learn how to work with Factories and Seeders in Laravel, and seed the necessary data for all of our Models

Learn how to use a Re-usable Vue Component to display validation messages.

Learn how to Implement Server Side Pagination from scratch.

Learn how to Implement Search Functionality in an Inertia/Vue Data-table.

[Uploaded] Implementing Roles/Permissions in Inertia-Based Applications.

We'll continue from where we left off in the previous section and implement the Roles and Permissions functionality without using any external plugins.

Some of the features that we'll cover in this section are listed below:

Implement Roles CRUD.

Implement Authorization/Gate Checks throughout the project (on both frontend and backend)

[Uploaded] Multiple Drag And Drop File Uploading and Processing with Inertia

In this section, we'll build a multiple-file chunked uploader in Inertia/Vue with the ability to pause, resume, and cancel uploads.

And learn the following along the way:

Learn how to edit metadata (like the title and description) for each upload — even while they’re uploading and processing.

Learn how to queue and process uploaded files on the Backend

Learn how to Report to the client with progress updates using Laravel Reverb.

And many more...

[In Progress] Translations with Laravel and Inertia

Localization is a breeze in Laravel applications, but what happens when you need to bring this to the client side? Turns out in Inertia, it's pretty simple.

In this course, we'll build a language switcher, share translations with the client, and build a simple translation helper for Vue to use directly in templates. We'll also cover caching translations to keep things running smoothly.

[In Progress] Infinite Scrolling with Inertia

In this section, we'll seed our database with a bunch of data and start building the solution, refactoring along the way until we perfect it.