Setup Vite, Svelte, Bootstrap / Foundation on Rails-7 (Overview)

#javascript #rails #react #svelte

As Rails developers, our unique selling point can only be our full-stack approach, together with unified testing and our ability to meet the demands of modern front-end requirements.

When Rails 7 was released, DHH published his article, Fulfilling a vision. In my view, this is the right approach, but without reactive components or modern testing tools such as Playwright and the blazing-fast HMR of Vite, an essential and necessary part would be missing.

So, after a long search, I finally wrote some packages and found a setup like the one described below, together with some fixes.

This post outlines my approach for me, my company (sedlmair.ch) and my customers. I am happy if it helps others too.

Setups