🚀 Rails 8 con TailwindCSS 4 e Flowbite

---

1️⃣ Creazione del progetto Rails 8

rails new myapp -d postgresql
cd myapp

1️⃣ Tailwindcss

Tailwwindcss 4

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

app/assets/tailwind/application.css
@import "tailwindcss";

2️⃣ Generazione del sistema di autenticazione

rails g controller Pages home

1️⃣ Flowbite

mkdir vendor/assets
mkdir vendor/assets/stylesheets
mkdir vendor/javascript/

curl https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css > vendor/assets/stylesheets/flowbite.css

curl https://cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.turbo.min.js > vendor/javascript/flowbite.turbo.min.js

# importmap.rb
pin "flowbite", to: "flowbite.turbo.min.js"
# application.js 
import "flowbite"

---

2️⃣ Generazione del sistema di autenticazione

rails g authentication 

rails g scaffold Profile user:references username tel links nome cognome

class CreateProfiles < ActiveRecord::Migration[6.0]
  def change
    create_table :profiles do |t|
      t.references :user, null: false, foreign_key: true
      t.string :username, null: false
      t.string :tel
      t.text :links
      t.string :nome
      t.string :cognome

      t.timestamps
    end
    add_index :profiles, :username, unique: true  # Aggiungi questa riga per rendere il campo 'username' unico
  end
end

rails c
User.create(email_address: "mario@mario.it", password: "123456")

---

Table of contents