Instalar y configurar TailwindCSS en Laravel 8

Una de las novedades en Laravel 8 es que el sistema de paginación ahora pasa a trabajar de forma predeterminada con TailwindCSS, un framework css minimalista que visualmente es mucho mejor que bootstrap, por lo menos a mi parecer.

Para instalar y configurar TailwindCSS en Laravel 8 simplemente debemos seguir los siguientes pasos.

composer require zaknesler/tailwind-preset --dev
php artisan ui tailwind --auth
# Sin autenticación
#php artisan ui tailwind
yarn
yarn dev

A partir de ahora ya podríamos utilizar TailwindCSS con o sin autenticación, por ejemplo, podríamos definir un listado de usuarios con paginación de la siguiente forma sin utilizar el sistema de autenticación:

<html>
    <head>
        <link rel="stylesheet" href="{{ asset("css/app.css") }}" />
    </head>
    <body>
        <p class="text-center text-5xl">Listado de usuarios</p>
        <div class="flex justify-center bg-gray-100">
            <ul class="list-inside text-white p-5 bg-gray-600 px-4 py-4">
                @foreach($usuarios as $usuario)
                    <li class="py-2">{{ $usuario->name }}</li>
                @endforeach
            </ul>
        </div>
        <div class="flex justify-center bg-gray-100">
            <div class="text-center m-2">
                {{ $usuarios->links() }}
            </div>
        </div>
    </body>
    <script src="{{ asset("js/app.js") }}"></script>
</html>