All Tutorials

Learn InertiaJs using Laravel and Vue – Course Catalog

Build SPA using InertiaJs with the help of Breeze and TailwindCss

What you’ll learn

You learn to build a SPA using Laravel, Vue, Inertial, and Tailwind (VILT)
Learn how to Integrate InertiaJs with Laravel

Requirements

Basic knowledge of Laravel
Basic knowledge of Vue

Description

This is a comprehensive Course that describes 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 3 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 the following topics:

Creating UI Components
Pagination
Using Component to generate Inertia Links
Form Helper
Form Properties like errors, processing, clear errors, 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

Real-World Examples are followed while explaining these concepts so that you can easily relate 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 are shared for reference.