Laravel with Inertia.js and Vue 3 | Build a Students Management System | Complete Tutorial (Updated)

Tapan Sharma July 18, 2024
Video Thumbnail
Tapan Sharma Logo

Tapan Sharma

View Channel

About

No channel description available.

Video Description

In this tutorial, we'll build a simple CRUD app and dive into the fundamentals of building CRUD applications with Laravel, Inertia, and the Vue Stack. We will learn the following topics along the way:- - Learn about Watchers in Vue.js and Build dependent dropdowns in Inertia/Vue - 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. - Learn how to Implement FIlters in Datatables, and we'll also learn how to preserve these filters in the URL. Link to the Repo: https://github.com/tapan288/inertia-vue-tutorial Create/Index Page Design Files: https://gist.github.com/tapan288/49ec01f7561640a22a4d82c946e923c9 Contents of this video ---------------------------------------------- 00:00 - Introduction 03:30 - Install and Set up Laravel with Inertia/Vue Stack 06:41 - Define the Models/Migrations/Factories/Seeders 23:08 - Display Students Data 33:53 - Implementing Server Side Pagination 55:56 - Work on the Record Create Flow 01:03:02 - Implementing Dependent Dropdowns 01:18:40 - Display Validation Errors and Finalize record create flow 01:29:28 - Work on Record Update Flow 01:43:39 - Deleting Individual Records 01:48:33 - Implementing Search Functionality 02:07:43 - Fixing Pagination Related Issues 02:19:41 - Implement Class Filter -----------------------------------------------------------------------------------

You May Also Like