add a docker-compose.yml file for local development with live reload

Dockerfile

@@ -58,4 +58,4 @@ ENV PORT 3000
 # set hostname to localhost
 ENV HOSTNAME "0.0.0.0"
 
-CMD ["node", "server.js"]
+CMD ["node", "server.js"]

README.md

@@ -36,7 +36,6 @@ Parents can activate full-access mode, enabling children to withdraw funds for u
 - Next.js powers the user-friendly frontend.
 - Solidity development using Forge.
 
-
 ## 🚀 Local Development Setup
 
 Copy the `.env.example` to `.env` and populate the values.
@@ -53,15 +52,16 @@ Copy the `.env.example` to `.env` and populate the values.
    ```sh
    yarn run dev
    ```
+
 ## 🐳 Docker Prerequisites
 
 Install [Docker Desktop](https://docs.docker.com/get-docker/) for Mac, Windows, or Linux. Docker Desktop includes Docker Compose as part of the installation.
 
 - Development - simply run this command to build the production container
 
-   ```sh
-   yarn docker
-   ```
+  ```sh
+  yarn docker-build
+  ```
 
 - Open `localhost:3000` in your browser
 

docker-compose.yml

@@ -0,0 +1,12 @@
+version: "3.8"
+services:
+  app:
+    container_name: defikids-dapp
+    image: node:18-alpine
+    command: sh -c "cd app && yarn install && yarn run dev"
+    ports:
+      - 127.0.0.1:3000:3000
+    working_dir: /app
+    restart: always
+    volumes:
+      - ./:/app

package.json

@@ -20,7 +20,8 @@
     "start": "next start",
     "lint": "next lint",
     "prepare": "husky install",
-    "docker": "docker build -t defikids-dapp . && docker run -p 3000:3000 defikids-dapp"
+    "docker-build": "docker build -t defikids-dapp . && docker run -p 3000:3000 defikids-dapp",
+    "docker-start": "docker run -p 3000:3000 defikids-dapp"
   },
   "dependencies": {
     "@chakra-ui/icons": "^2.1.0",