Minggu ini di dalam screencast saya, saya mencoba menambahkan TailwindCSS ke dalam aplikasi Ruby on Rails. Cara menambahkannya gampang banget karena saya hanya perlu running Template dari RailsBytes berikut ini:

https://railsbytes.com/public/templates/z5OsqV

rails app:template LOCATION='https://railsbytes.com/script/z5OsqV'

Dengan menjalankan perintah di atas, kalian sudah bisa menggunakan TailwindCSS pada Rails 6.

Satu hal yang perlu diperhatikan

Ketika meluncurkan aplikasi ini ke production, saya baru tahu bahwa manifest.json (tempat Rails menyimpan cache asset yang sudah dimarka dengan fingerprint) belum menambahkan CSS yang di-compile oleh Webpack via Webpacker. Untuk menambahkannya, saya hanya perlu mengaktifkan mode extract_css: false di webpacker.yml. Ini penjelasannya:

Webpacker 4.2 can’t find application in /app/public/packs/manifest.json heroku
I’m a bit stumped. My local rails app works great with webpacker 4.2 and react, but when deploying to production gives me the wonderful can’t find application in /app/public/packs/manifest.json err...

Tips di atas ini merupakan bagian dari screencast saya di YouTube dalam episode berikut ini:

Saya akan tambah semangat dan berterima kasih sekali jika kalian membantu menyebarkan screencast dan podcast saya ke media sosial 😇.