Laravel 11 Inertia & Vue 3 CRUD Tutorial with Pagination: Step-by-Step Guide

Raviya Technical
6 min readNov 14, 2024

Step for Laravel 11 CRUD using Inertia Vue JS 3 with Pagination

  • Step 1: Install Laravel 11
  • Step 2: Create Auth using Breeze
  • Step 3: Create Migration and Model
  • Step 4: Create ProductController File
  • Step 5: Create Route
  • Step 6: Create/Update Vue Files
  • Run Laravel App

Step 1: Install Laravel 11

composer create-project laravel/laravel crud_example

Step 2: Create Auth using Breeze and React / Vue

composer require laravel/breeze --dev

And Select option of vue js with Vue with Inertia

php artisan breeze:install

Laravel Migration Running below command

php artisan migrate

Step 3: Create Migration and Model with Factory

php artisan make:model Product -mf

Change in migrations

Locations: database/migrations/xxxx_create_products_table.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use…

--

--

No responses yet