29 make the api mock server (#30)

* feat: add docker setting files

* feat: add a script to run api mock server

* fix: remove detach option to be like other cmds

* doc: add Mock server section

Dockerfile

@@ -0,0 +1,5 @@
+FROM stoplight/prism:5
+
+# get the latest OAS file from nishiki-document repo
+RUN wget https://raw.githubusercontent.com/genesis-tech-tribe/nishiki-documents/c1ea7d5a2fd12e1271551fc672b7141f5777ffdf/web-api/nishiki-web-api.yaml \
+&& mv nishiki-web-api.yaml /tmp/api.yml

README.md

@@ -20,6 +20,14 @@ You can start editing the page by modifying `app/page.tsx`. The page auto-update
 
 This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
+## Run Mock Server
+
+Run the WebAPI mock server:
+
+```bash
+npm run mock
+```
+
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:

docker-compose.yml

@@ -0,0 +1,10 @@
+version: '3'
+services:
+  prism:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    command: 'mock -h 0.0.0.0 /tmp/api.yml'
+    ports:
+      # Serve the mocked API locally as available on port 8080
+      - '8080:4010'

package.json

@@ -10,7 +10,8 @@
     "lint:fix": "eslint --ext .ts,.js,.tsx . --fix && prettier --write \"./**/*.{ts,js,tsx,scss}\"",
     "format": "prettier --write './**/*.{js,ts,tsx,scss}'",
     "prepare": "husky install",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "mock": "docker compose up --build"
   },
   "dependencies": {
     "next": "13.5.4",