Learn InertiaJs using Laravel and Vue

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 VILT Stack.

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

• Progress Indicator

• Installing Breeze

• Breeze Overview

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

• Creating UI Components

• Pagination

• Using Component to generate Inertia Links

• Form Helper

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

• Flash Messages

• Redirect

• CRUD Operations

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

• Conditional Scrolling

• 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 World Examples are followed while explaining these concepts so that you can easily related to them. LIVE Project 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 Github Repo of the whole Project is shared for the reference.