Greg Molnar Profile picture
Oct 15 1 tweets 2 min read Read on X
Yesterday, @davidteren asked what is the easiest way to setup TailwindCSS with Rails 8 and having hot reload.

This is how I believe it is to do so in a few minutes.

First thing is to add the tailwindcss-rails gem to the project and to run the installer to create the Tailwind config files:

And now you can run bin/rails tailwindcss:watch to rebuild the CSS files on file changes.

If you use CSS classes in a directory not watched by default, you can add that to config/tailwind.config.js under the content key:

And to make your workflow even smoother, you can use Foreman to manage all the necessary processes for you. To set that up is also pretty simple. Create a bin/dev file with the following content:

Then create a file, named Procfile in the root of your project with the following content:

After this, running bin/dev in your terminal will start the Rails server and the Tailwind watcher process.

That's it. It shouldn't take more than a few minutes to set this all up.
If you want to read this in a blog format and copy+paste the code snippets, here is a link to an article:

greg.molnar.io/blog/tailwindc…Image
Image
Image
Image

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Greg Molnar

Greg Molnar Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @GregMolnar

Aug 23, 2022
3 simple Rails security improvements you can do with a few minutes investment:

🧵👇
Even though Rails has secure defaults, there are still plenty of ways to shoot yourself in the leg, or to get compromised.
If you incorporate these 3 simple changes to your application, you will level up your application's security posture.
Setup dependency vulnerability monitoring.
Using dependencies with known vulnerabilities is a huge security risk.
To mitigate this, you can setup a Github action to run bundle audit and yarn audit on your codebase regularly and patch when needed.
Read 6 tweets
Aug 9, 2022
Did you know that you can create a single-file Rails application?

You shouldn't unless you are experimenting with something, but here is how it can be done:

🧵 👇
Let's create a file and call it "app" with the "ru"(rackup) extension. Then we need to use bundler inline to install the dependencies:
Next, we require Rails and configure Active Record to use a sqlite database and we define the database schema and create a model:
Read 6 tweets
Jun 8, 2022
One of Ruby's great features is method chaining.
For instance, Active Record heavily relies on this and method chaining enables us to do cool things like User.where("active = 1").count.
Have you ever wondered how is that possible?
Let's look into it, it is pretty simple.
🧵👇
Let's use a simple example of having a user model and you want to be able to set a default password for your user when they signup via OAuth. So you want to be able to do something like this in your controller:
Then in your model you would implement the set_password method:
Read 7 tweets
May 31, 2022
Are you learning Ruby? Do you want to improve your Ruby skills?

I collected are a few old but great books you can read for free!

🧵👇
Learn Ruby the Hard Way by Zed A. Shaw
Zed has a really good style to teach Ruby from the basics.
learnrubythehardway.org/book/
Learn to Program by Chris Pine
My most recommended book to anyone starting to learn programming.
pine.fm/LearnToProgram/
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(