Developing Web Apps with Rails is fun, but having to refresh the browser every time we make a change to our html or markup can be a pain. Luckily the guard-livereload gem exists and the configuration is quite straightforward, so if you're running Rails versions 5.4 to 6.0.0.1, this guide is for you.

1. Add gems to development

   Copy

   group :development do
     gem 'guard-livereload', '~> 2.5', require: false
     gem 'rack-livereload'
   end

2. bundle install

3. Tell Guard to setup your guard file for livereload guard init livereload

4. Then add the middleware to the bottom of your Rails middleware stack by editing your config/environments/development.rb.

   Copy

   MyApp::Application.configure do
     config.middleware.insert_after ActionDispatch::Static, Rack::LiveReload
   end

5. Run livereload from terminal bundle exec guard -P livereload

6. Now while running, every time guard detects a file change, rails will automatically refresh the browser so you can see your changes on every save.