Mastering Full Stack Development with Laravel, Inertia and React

What will you Learn?

Introduction & Setup (Overview of Laravel and React)

  • What is Laravel? Key features and benefits.
    • What is React? How it fits into modern web development.
      • Introduction to Inertia.js – Bridging Laravel and React.
        • Setting up Laravel with Inertia and React.
          • Folder structure and basic configurations.
            • Running the development server.

              Routing, Middleware & Controllers

              • Understanding Laravel routes (web.php).
                • Creating routes with Inertia in Laravel.
                  • Setting up React Router in Inertia projects.
                    • Introduction to Middleware in Laravel – Role & use cases.
                      • Creating custom middleware (e.g., auth checks, role-based access).
                        • Applying middleware to routes and controllers.
                          • Creating Controllers in Laravel.
                            • Passing data from Controllers to React components.

                              Views & Authentication (Login & Register)

                              • Creating Inertia React views in Laravel.
                                • Blade vs Inertia.js rendering approach.
                                  • Setting up authentication with Laravel Breeze.
                                    • Creating login and registration pages using React.
                                      • Middleware for protected routes (auth middleware, role-based access).
                                        • Redirecting unauthorized users in Laravel and React.

                                          CRUD Operations – Backend

                                          • Setting up migrations and models.
                                            • Implementing Create, Read, Update, Delete in Laravel.
                                              • Validating requests with Laravel Form Requests.
                                                • Using Eloquent ORM for database operations.
                                                  • Applying Middleware to restrict CRUD actions (e.g., only admin can delete).

                                                    CRUD Operations – Frontend with Inertia & React

                                                    • Fetching data in React with Inertia.
                                                      • Creating forms with React Hook Form & Zod Validation.
                                                        • Handling form submissions and updates with Laravel controllers.
                                                          • Using Inertia’s Flash messages for user feedback.
                                                            • Implementing Edit & Delete functionalities in React.
                                                              • Using Middleware in React for protected routes (e.g., admin dashboard).
                                                                • Final Q&A and project wrap-up.