pre-build artefact and docerize

.github/workflows/push.yml

@@ -11,17 +11,29 @@ jobs:
     steps:
       - id: commit
         uses: pr-mpt/actions-commit-hash@v2
+
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v2
+
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v2
+
       - name: Login to Docker Hub
         uses: docker/login-action@v2
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
-      -
+
-        name: Build and push
+      - name: Setup node.js
+        uses: actions/setup-node@v3
+
+      - name: Setup npm
+        uses: bahmutov/npm-install@v1
+
+      - name: Artefact build
+        run: npm run build
+
+      - name: Build and push
         uses: docker/build-push-action@v3
         with:
           push: true

Dockerfile

@@ -1,8 +1,8 @@
 FROM node:18
 WORKDIR /app
-COPY package*.json ./  
+RUN npm i -g serve
-RUN npm ci
+RUN mkdir -p ./_next
-COPY . .  
+COPY ./out/* ./
-RUN npm run build  
+COPY ./out/_next ./_next
 EXPOSE 3000
-CMD ["npm", "run", "serve"]
+CMD ["npx", "serve", "./"]

README.md

@@ -27,6 +27,7 @@ npm run serve
 ## To run in docker
 
 ```bash
+npm run build
 docker build -t waku_frontend .
 docker run -d -p 300:3000 waku_frontend
 ```

package.json

@@ -6,8 +6,7 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "next lint"
-    "serve": "serve ./out"
   },
   "dependencies": {
     "@waku/rln": "0.1.1-7e8cb89",
@@ -29,7 +28,6 @@
     "eslint": "^8",
     "eslint-config-next": "13.5.6",
     "postcss": "^8",
-    "serve": "^14.2.1",
     "tailwindcss": "^3",
     "typescript": "^5"
   }