Introducing rails_vite—a new Vite integration for Rails that works with Propshaft, not against it. Drop it into an existing jsbundling app for instant CSS HMR, or use the full gem for manifest-based asset resolution.

Evil Martians offers insights into software development, web design, and digital product strategy, providing articles, case studies, and open-source contributions to help businesses innovate and deliver exceptional user experiences. By exploring Evil Martians' curated content, developers can learn about Ruby on Rails development, frontend frameworks, and modern web technologies for building scalable and maintainable applications. Whether you're launching a new product, redesigning a website, or optimizing user interfaces, Evil Martians offers resources to bring your ideas to life and achieve digital success.

Martian Chronicles

rails_vite is a new Vite integration for Rails that works alongside Propshaft without a Rack proxy. It uses a stub file approach: a tiny JS file placed in app/assets/builds/ redirects the browser from Propshaft's world to Vite's dev server, enabling HMR and instant CSS feedback without changing Rails helpers or deploy pipelines. Migrating from jsbundling-rails with esbuild requires only an npm install, a vite.config.ts, and a Procfile update. A full gem mode (rails_vite) is also available for manifest-based asset resolution, modulepreload hints, and CSP nonce support, inspired by Laravel's simpler Vite integration pattern.

Now you see it: Vite on Rails without the proxy—Martian Chronicles, Evil Martians’ team blog

Inertia.js in Rails: a new era of effortless integration

Vite-lizing Rails: get live reload and hot replacement with Vite Ruby