Kentastic

Hi Chuck,

Great question, this stuff changes a lot, especially the last few years. Good news though, the trend is to simplify things. The new asset pipeline uses Propshaft which will make sure your CSS and js files are ready to go in your Rails app. I like this Rails World talk that explains the basics of how Propshaft works.
https://www.youtube.com/watch?v=yFgQco_ccgg
You can use vanilla CSS right away and if you want to use Tailwind there is an excellent gem tailwindcss-rails that will set everything up for you. These can work side by side and you can use both in your app.
On the js side of things, importmaps is the default and a simpler way of adding javascript libraries and that is already set up for you on a new Rails app. If you want a little more control, you can use a different javascript bundler such as esbuild. The jsbundling-rails gem is what sets up either bun, esbuild, rollup or web pack to handle your javascript bundling.

Hatchbox is the best option for hobby apps with low usage. A small Digital Ocean droplet of 2 GB (or maybe 1 GB for very low usage) is enough and Hatchbox is an additional $10/month/server (droplet). If you do use Digital Ocean, just sign up for the credentials, then sign up for Hatchbox and let Hatchbox take care of setting up your droplet. You can use this link for 2 months free at Digital Ocean.
https://www.digitalocean.com/?refcode=87fcb9dab7a3

This was a fun discussion with Kasper, we talked for quite a bit longer but it was edited to make it shorter.

Also, be sure to check out Kasper's Open Source retreat if you want to hear more and see how the sauce is made.

Hi Easton, I have uploaded the repository to Github, link is in the episode notes above and the relevant files are listed.

Hi Walid,

The GitHub student pack gives you access to all the lessons including the pro episodes which are not available on YouTube.

(Note: it does not give access to the handful of special paid courses such as the Advanced Ruby course)

Kent

Thanks for the feedback! If you want to take it even further, you can take a look at the Trix extensions for more ideas.
https://github.com/lazaronixon/trix-extensions

It is possible with import maps but it is probably a better idea to use esbuild for React as your front end. Import maps is the default for Rails 7, but once the javascript gets complicated or has more then 5 or so dependencies it is better to use esbuild.

Hi Tony, we do not have a marked as solved feature yet. We leave these open.

Discord is a web site or app where you can chat with other people in the community. You can add GoRails to join the GoRails community. Here is the link to the GoRails discord channel. https://discord.gg/gorails

Are Environment variables eco and green friendly?

Thanks for this video!

Testing the new comments...

You can post a job offer on the job board:
https://jobs.gorails.com

Great video as always! How does this method compare with using responsive design with a CSS framework like Bootstrap or Tailwind? Is this a better method if you want a very specific or completely different look for different devices?

If you see this error when pushing to Heroku...

git push heroku master
error: src refspec master does not match any
error: failed to push some refs to 'https://git.heroku.com/etc etc etc

It may be because your main git branch is not called master. It may be the newer "main"

Try "git push heroku main"

Push "Q" to exit after the git diff results.

Is it an HTML form rule that there can only be one button per form? You can make the links look like buttons with CSS, but I think an HTML form can only have one button.

Best to stick with the one that is working now. I made the switch and it took awhile to clean out the system. Caused a few headaches.

Would it make more sense to add the Bootstrap javascript bundle just before the closing body tag so the page loads faster and does not block the rendering of the page? Also, once a person visits the site, are the files cached so they do not need to re-download all the time? (Assuming the Bootstrap files have not changed)