Live reload with compose watch

~/kedai-kancil $ docker compose up -d[+] up 5/5 ✔ Network kedai-kancil_default Created                                     0.1s ✔ Volume kedai-kancil_db-data  Created                                     0.0s ✔ Container kedai-kancil-web-1 Started                                     0.3s ✔ Container kedai-kancil-api-1 Started                                     0.3s ✔ Container kedai-kancil-db-1  Started                                     0.3s~/kedai-kancil $ echo "<h1>Kedai Kancil: open!</h1>" > web/index.html~/kedai-kancil $ curl -s localhost:8080<h1>Kedai Kancil</h1>

You saved a new page. The shop still shows the old one. Why? The page was baked into the image before your edit.

How do you get the new page into the shop?

Prove it. Bake again, then knock on hatch 8080.

  web:
    build: ./web
    develop:
      watch:
        - action: sync
          path: ./web
          target: /usr/share/nginx/html

compose watchcompose watch: Watches your files and copies, restarts or rebuilds a service when you save. watches your folder. When you save, it copies the file into the running box. No bake, no restart.

Pick the right watch action for each file.

Watch only follows dishes that have build:. Which dish of our shop can it never watch?

You can now see your edits live with compose watch.