Avo VS Tailwind CSS

Quality is often much better with these kinds of templates and frameworks, because the creators often can make better default choices.

For example, Avo (https://avohq.io) and Bullet Train (https://bullettrain.co/) are IMHO both much higher quality out of the box than what a typical intermediate Rails developer could accomplish in months of full time learning and coding.

<%= link_to(@car) do %> <%= @car.name %> -- Check this car! <% end %> cars/1"> Tesla -- Check this car! <%= link_to "https://avohq.io/" do %> AvoHQ - The Best Rails Guide <% end %> https://avohq.io/"> AvoHQ - The Best Rails Guide

Access the Avo, and click on Sign Up. After completing registration, click on your profile icon and select Subscriptions, then Choose a plan, choose the Pro version and click on Start 30 day trial. The system URL is not required, click Subscribe. Now you will have your key to use the Avo 2 Pro version for 30 days.

But there's another alternative for Ruby on Rails. This is a shameless plug, but why don't you try Avo?

URL: https://avohq.io

Nothing really beats Rails. Use something like Jumpstart (jumpstartrails.com) and Avo (https://avohq.io) and you scaffold a full consumer-ready app in literally a few hours.

The thing that bugs me the most with Next.JS and the whole JAMStack movement is that, yeah, you get from "git clone" to deployed on Vercel in two minutes, but if you need to create real app features like a sturdy admin, accounts, authorization, proper asset management, CI/CD, it takes a whole lotta time. I'm not even touching the most common app features.

Hey. I'm Adrian, author of Avo. Avo is similar to Refine but for Ruby on Rails.

It helps developers create CRUD-like applications such as internal tools, admin panels, Content Management Systems and user-facing apps.

I love seeing more and more movement in this space.

https://avohq.io

Laravel has Nova, Django has Django Admin, and now, Rails has Avo.

https://avohq.io

*I am the author of Avo

Lastly, Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center, and rotate-90 that can be composed to build any design, directly in your markup.

Tailwind CSS

Sidekiq is already configured along with assets, tailwindsCSS.

Finally, for our front end, we’re going to be pairing Next.js with the great combination of TailwindCSS and shadcn/ui so we can focus on building the functionality of the app and let them handle making it look awesome!

You can use any frontend framework you want — react-based tooling, however, has a natural advantage as it models everything as a function of state, which can map 1:1 with the concept in Burr. In the demo app we use react, react-query, and tailwind, but we’ll be skipping over this largely (it is not central to the purpose of the post).

Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.

First, you need to make sure that you have a working Tailwind CSS project…

Tailwind CSS

With better CSS approaches like TailwindCSS and Vanilla Extract (which we're heavily using) it's much easier to maintain the UI and make sure it doesn't change unexpectedly. No more conflicting CSS classes, much less CSS specificity issues and much less CSS code in general.