This is a comprehensive Course which describes from Scratch as to how InertiaJs works and how to integrate it with Laravel and Vue3. The Course is based on VILTStack.

The Course is currently divided into 4 Sections. In the first section, we will understand the Basics of InertiaJs. Some of the topics that we will cover in the initial section include:

• Installing Laravel

• InertiaJs Server Side Setup

• InertiaJs Client Side Setup

• Routing using Inertia Link

• Using Laravel Routes in Vue Application

• Sharing Data

• ProgressIndicator

• Installing Breeze

• Breeze Overview

In the 2nd section, we will start building our SPA. We will cover all the CRUDFunctionality. In doing so we will cover following topics:

• Creating UIComponents

• Pagination

• Using Component to generate Inertia Links

• Form Helper

• Form Properties like hasErrors, processing, clearErrors, reset,

• Flash Messages

• Redirect

• CRUDOperations

In Section 3, we will cover some advanced Topics related to InertiaJs to enhance our SPA. Some of the topics that we will cover are:

• Partial Reload

• Inertia Visit

• Scroll Management

• Preserve State

• Authorization

• Table Component to support Sorting

• ConditionalScrolling

• Active Link

• Error Handling

• Upload Image

In the Section 4, we are going to build our Dashboard. Building a Dashboard using InertiaJS is a bit different from building a Dashboard in a typical Vue App. we will be displaying multiple charts displayed using Chart.js. We will also use Partial Reload so that we can interact with different Components of the Dashboard.

Real WorldExamples are followed while explaining these concepts so that you can easily related to them. LIVEProject is being built so that you can follow the thought process and learn the best practices.

Code Files at the end of each Video as well as the GithubRepo of the whole Project is shared for the reference.