Dedrudge Web Editing with Live Reload

Oct 31, 2013 tech-tipworkflow

What a drag!

Anyone who has edited HTML, CSS, and JS has experienced this cycle

Instant is a preview server. It saves you the above drudgery by telling your browser to reload whenever you make a change.

Install

npm install -g instant-server

Use it

Just run the instant command from your webroot. For example, to use it with a Jekyll site, use jekyll build -w mode (-w is for watch).

cd $
instant

Any static web publishing system that can continuously update its output directory (ie Jekyll) can be used with instant, an NPM module that provides a LiveReload-style server as a standalone shell command. For example, with Jekyll:

  • In one shell session: jekyll build -w
  • In another: cd ./_site && instant