https://github.com/montalvomiguelo/shopify-livereload

LiveReload plugin for Shopify CLI
https://github.com/montalvomiguelo/shopify-livereload

cli livereload oclif shopify shopify-themes

Last synced: about 2 months ago
JSON representation

LiveReload plugin for Shopify CLI

• Host: GitHub
• URL: https://github.com/montalvomiguelo/shopify-livereload
• Owner: montalvomiguelo
• License: mit
• Created: 2023-09-02T20:48:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-15T16:29:05.000Z (over 1 year ago)
• Last Synced: 2025-04-14T13:11:43.828Z (about 2 months ago)
• Topics: cli, livereload, oclif, shopify, shopify-themes
• Language: TypeScript
• Homepage:
• Size: 21.5 KB
• Stars: 23
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Shopify LiveReload Plugin

=================

The Shopify LiveReload Plugin is designed to enhance your development experience within the Shopify Theme Editor. It integrates seamlessly with the [Shopify CLI](https://shopify.dev/docs/themes/tools/cli), allowing you to reload the page automatically when file changes are detected.

![pika-1694794115083-1x](https://github.com/montalvomiguelo/shopify-livereload/assets/5134470/e16bdcff-e292-43ac-85d4-7e808911997d)

## Installation

```bash

shopify plugins:install shopify-livereload

```

## Usage

### Starting the LiveReload Server

To start the LiveReload server, use the following command:

```bash

shopify livereload --watch /tmp/theme.update --delay 1600

```

### Theme Development with LiveReload

Serve your theme and provide the `--notify` flag:

```bash

shopify theme dev --notify /tmp/theme.update

```

### Install LiveReload.js

Add the following code just before the closing `