Laravel 8 Pagination Example using Bootstrap 5

composer create-project --prefer-dist laravel/laravel crud

DB_CONNECTION=mysqlDB_HOST=127.0.0.1DB_PORT=3306DB_DATABASE=your_database_name_hereDB_USERNAME=your_database_username_hereDB_PASSWORD=your_database_password_here

<?phpuse Illuminate\Database\Migrations\Migration;use Illuminate\Database\Schema\Blueprint;use Illuminate\Support\Facades\Schema;class CreateUsersTable extends Migration{    /**     * Run the migrations.     *     * @return void     */    public function up()    {        Schema::create('users', function (Blueprint $table) {            $table->id();            $table->string('name')->nullable();            $table->string('email')->unique();            $table->string('username')->unique();            $table->timestamp('email_verified_at')->nullable();            $table->string('password');            $table->rememberToken();            $table->timestamps();        });    }    /**     * Reverse the migrations.     *     * @return void     */    public function down()    {        Schema::dropIfExists('users');    }}

php artisan migrate

<?phpnamespace App\Models;use Illuminate\Contracts\Auth\MustVerifyEmail;use Illuminate\Database\Eloquent\Factories\HasFactory;use Illuminate\Foundation\Auth\User as Authenticatable;use Illuminate\Notifications\Notifiable;use Laravel\Sanctum\HasApiTokens;class User extends Authenticatable{    use HasApiTokens, HasFactory, Notifiable;    /**     * The database table used by the model.     *     * @var string     */    protected $table = 'users';    /**     * The attributes that are mass assignable.     *     * @var array     */    protected $fillable = [        'name',        'email',        'username',        'password',    ];    /**     * The attributes that should be hidden for arrays.     *     * @var array     */    protected $hidden = [        'password',        'remember_token',    ];    /**     * The attributes that should be cast to native types.     *     * @var array     */    protected $casts = [        'email_verified_at' => 'datetime',    ];    /**     * Always encrypt password when it is updated.     *     * @param $value     * @return string     */    public function setPasswordAttribute($value)    {        $this->attributes['password'] = bcrypt($value);    }}

<?phpnamespace Database\Factories;use App\Models\User;use Illuminate\Database\Eloquent\Factories\Factory;use Illuminate\Support\Str;class UserFactory extends Factory{    /**     * The name of the factory's corresponding model.     *     * @var string     */    protected $model = User::class;    /**     * Define the model's default state.     *     * @return array     */    public function definition()    {        return [            'name' => $this->faker->name(),            'email' => $this->faker->unique()->safeEmail(),            'username' => $this->faker->unique()->userName,            'email_verified_at' => now(),            'password' => 'test', // password            'remember_token' => Str::random(10),        ];    }    /**     * Indicate that the model's email address should be unverified.     *     * @return \Illuminate\Database\Eloquent\Factories\Factory     */    public function unverified()    {        return $this->state(function (array $attributes) {            return [                'email_verified_at' => null,            ];        });    }}

\App\Models\User::factory(100)->create();

<?phpnamespace Database\Seeders;use Illuminate\Database\Seeder;class DatabaseSeeder extends Seeder{    /**     * Seed the application's database.     *     * @return void     */    public function run()    {        \App\Models\User::factory(100)->create();    }}

php artisan db:seed

php artisan make:controller UsersController

<?phpnamespace App\Http\Controllers;use App\Models\User;use Illuminate\Http\Request;class UsersController extends Controller{    /**     * Display all users     *      * @return \Illuminate\Http\Response     */    public function index()     {        $users = User::latest()->paginate(10);        return view('users.index', compact('users'));    }}

Route::get('/users', 'App\Http\Controllers\UsersController@index')->name('users.index');

<!DOCTYPE html>    <html>    <head>        <meta charset="utf-8" />        <meta http-equiv="X-UA-Compatible" content="IE=edge">        <title>Laravel 8 Pagination Demo - codeanddeploy.com</title>        <meta name="viewport" content="width=device-width, initial-scale=1">        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">    </head>    <body>        <div class="container mt-5">            <table class="table table-striped">                <thead>                <tr>                    <th scope="col" width="1%">#</th>                    <th scope="col" width="15%">Name</th>                    <th scope="col">Email</th>                    <th scope="col" width="10%">Username</th>                </tr>                </thead>                <tbody>                    @foreach($users as $user)                        <tr>                            <th scope="row">{{ $user->id }}</th>                            <td>{{ $user->name }}</td>                            <td>{{ $user->email }}</td>                            <td>{{ $user->username }}</td>                        </tr>                    @endforeach                </tbody>            </table>            <div class="d-flex">                {!! $users->links() !!}            </div>        </div>    </body></html>

Paginator::useBootstrap();

<?phpnamespace App\Providers;use Illuminate\Pagination\Paginator;use Illuminate\Support\ServiceProvider;class AppServiceProvider extends ServiceProvider{    /**     * Register any application services.     *     * @return void     */    public function register()    {        //    }    /**     * Bootstrap any application services.     *     * @return void     */    public function boot()    {        Paginator::useBootstrap();    }}