Laravel with Inertia.js & Svelte: A Practical Guide

Learn Inertia.js Practically using Laravel, Inertia.js and Svelte by building three projects along the way

What you'll learn
Learn how to Build Single Page Applications using Laravel, Inertia and Svelte
Implement Roles and Permissions on an Inertia based App (Without using any external package)
Learn how to Build dependent dropdowns
Learn how to Build an Amazing Data-table using Laravel, Inertia and Svelte.
Build a mini Students management system with proper Roles/Permissions/Authorization Implementation
Learn how to implement SSR in an Inertia/Svelte App along with Ziggy's Routing Support
Learn how to Build a Laravel Breeze Clone from Scratch along with Laravel Socialite (Github Login) Integration
Learn how to Implement Modals in Svelte.
Dive into the Source Code of a Package(Laravel Breeze) and implement necessary features accordingly.
Requirements
Beginner Level knowledge of PHP/Laravel is required
Beginner Level knowledge of Svelte is required
Description
In this course, we will be Learning
Inertia.js
(A tool to build single-page apps,
without creating an API
)

along with
Svelte
in a practical way by building
three
projects.
In the first section, we'll start by installing Laravel and setting up Inertia with Svelte as a front end, and along the way, we will be learning the following topics:
Server-side setup with Laravel.
Client-side setup with Vite and Svelte.
Customizing the progress bar.
Using Ziggy for better routing support.
Learn how to Set up Server Side Rendering(SSR) along with Ziggy Support.
Set up page titles in a proper way.
In the second section, we'll look at the basics of Inertia
by building a Simple Comment App
, and along the way, we will be learning the following topics:
How to work with Forms in Inertia along with Validations Handling
Look into Form Callbacks and How to Reset the Form on a Successful Request
Using Laravel's API Resources to Properly format the data and use it in the Front-end.
In the third section, we'll be building a mini Students Management System
using Laravel, Inertia, and Svelte
as a Front-end. Along the way, we will be learning the following topics:
Learn the CRUD Fundamentals
Learn how to Upload Files/Images in an Inertia App.
Learn how to Implement Dynamic Dependent dropdowns by using Svelte's Reactivity
Learn how to Implement Server Side Paginations.
In the Fourth Section, we will be working with Authorization and implementing Roles and Permissions without using any external plugins. We will be learning the following:
Implement Roles CRUD.
Implement Authorization/Gate Checks throughout the project.
In the Fifth section, we'll be continuing the Data-Table Project, and build a Feature Rich Data-Table.
Along the way, we will be learning the following topics:
Learn how to implement a pagination dropdown to update pagination length accordingly.
Implement Multi-Column Search Functionality.
Implement Bulk Actions to Delete Multiple Data and Export Students Data.
Learn how to build Filters To Filter Students Data.
Learn How to Build Dependent Dropdowns
In the Sixth Section, we will be building a
Laravel

Breeze Clone
, and along the way, we will be learning the following topics:
Implement Login and Registration functionality from Scratch.
Dive into the Source Code of a Package(Laravel Breeze) and implement necessary features accordingly.
Implement Github Login using Laravel Socialite
Implement Modals in Svelte.
Implement Forgot Password and Email Verification functionality
Who this course is for:
Students who want to Build SPA's using Laravel and InertiaJS
Laravel developers interested in Learning InertiaJS

More Info