Create docker image and tag

deploy/docker/docker-compose.yaml

@@ -169,7 +169,7 @@ services:
 
     
   frontend:
-    image: signoz/frontend:0.1.7
+    image: 7296823551/signoz:latest
     container_name: frontend
 
     depends_on:

frontend/Dockerfile

@@ -1,15 +1,31 @@
-FROM node:12.20.1-alpine3.9
+# stage1 as builder
-
+FROM node:14-alpine as builder
-
-ADD ./ ./frontend
 
 WORKDIR /frontend
 
-RUN yarn && yarn build
+# copy the package.json to install dependencies
-RUN yarn global add serve
+COPY package.json ./
 
-ARG PORT=3000
+# Install the dependencies and make the folder
+RUN yarn install 
 
-EXPOSE $PORT
+COPY . .
 
-CMD ["serve", "-s","build"]
+# Build the project and copy the files
+RUN yarn build
+
+FROM nginx:1.15-alpine
+
+#!/bin/sh
+
+COPY conf/default.conf /etc/nginx/conf.d/default.conf
+
+## Remove default nginx index page
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy from the stahg 1
+COPY --from=builder /frontend/build /usr/share/nginx/html
+
+EXPOSE 3000
+
+ENTRYPOINT ["nginx", "-g", "daemon off;"]

frontend/README.md

@@ -1,3 +1,27 @@
+
+ # Docker
+ **Building image**
+
+```docker-compose up`` 
+/ This will also run
+
+or
+```docker build . -t tagname```
+
+  
+
+**Tag to remote url- Introduce versinoing later on**
+
+```
+docker tag signoz/frontend:latest 7296823551/signoz:latest
+```
+
+  **Running locally**
+
+```
+docker-compose up
+```
+
 # Getting Started with Create React App
 
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

frontend/docker-compose.yml

@@ -2,5 +2,6 @@ version: "3.9"
 services:
   web:
     build: .
+    image: signoz/frontend:latest
     ports:
       - "3000:3000"

frontend/src/constants/env.ts

@@ -1,3 +1,4 @@
 export const ENVIRONMENT = {
-	baseURL: "http://104.211.113.204:8080",
+	baseURL: "/api",
+	// baseURL: "http://104.211.113.204:8080",
 };