Instalar Tailwind CSS con Ruby on Rails

Configurando Tailwind CSS en un proyecto Ruby on Rails v7+.

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

Terminal

rails new my-project
cd my-project

Instala las gemas tailwindcss-ruby y tailwindcss-rails, y luego ejecuta el comando de instalación para configurar Tailwind CSS en tu proyecto.

Terminal

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

Ejecuta tu proceso de build con ./bin/dev.

Terminal

./bin/dev

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

index.html.erb

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