Instalar Tailwind CSS con Ruby on Rails

Configuración de Tailwind CSS en un proyecto Ruby on Rails v8+.

Comienza creando un nuevo proyecto Rails si aún no tienes uno configurado. El enfoque más común es utilizar la línea de comandos de Rails.

Terminal

rails new my-projectcd my-project

Instala la gema tailwindcss-rails y luego ejecuta el comando de instalación para configurar Tailwind CSS en tu proyecto.

Terminal

bundle add tailwindcss-rails./bin/rails tailwindcss:install

Ejecuta tu proceso de compilación con ./bin/dev.

Terminal

./bin/dev

Comienza a usar las clases de utilidad de Tailwind para dar estilo a tu contenido.

index.html.erb

<h1 class="text-3xl font-bold underline">  Hello world!</h1>