optiwariindia/livereload repository overview

⁠LiveReload for Development Environments

⁠Image: optiwariindia/livereload:1.0

This Docker image provides a fully functional LiveReload server to simplify front-end development workflows by automatically reloading the browser upon file changes. Designed to work seamlessly in Dockerized environments, optiwariindia/livereload:1.0 enables fast and efficient testing for HTML, CSS, and JavaScript projects by monitoring directories and reloading connected browsers.

⁠Key Features:

Automatic Reloads: Detects changes in specified directories and reloads the browser in real-time. Flexible Configuration: Supports various configuration options for custom setups. Cross-Browser Compatibility: Works with major browsers through the LiveReload browser extension.

⁠Usage:

Run this container in your Docker Compose setup or standalone to enable automatic browser reloads during development. Ideal for use alongside popular web servers like Apache, NGINX, or other local server setups in Docker.

Basic Command:

docker run -d -v $(pwd):/app -p 35729:35729 optiwariindia/livereload:1.0

Docker Compose: Add the following service to your docker-compose.yml:

services:
  livereload:
    image: optiwariindia/livereload:1.0
    volumes:
      - .:/var/www
    ports:
      - "35729:35729"

⁠Configuration Options:

Volume: Mount your codebase to /var/www to enable LiveReload monitoring.

Port: Exposes port 35729 by default for LiveReload connectivity.

⁠Connect with your website

Add following script in your web page:

<script src="http://localhost/livereload/livereload.js"></script>