feat(docker): added docker setup

Author: crsstha

Dockerfile

@@ -0,0 +1,54 @@
+FROM node:20-bookworm AS dev
+
+RUN apt-get update -y \
+    && apt-get install -y --no-install-recommends \
+        git bash g++ make \
+    && rm -rf /var/lib/apt/lists/*
+
+RUN corepack enable
+
+WORKDIR /code
+RUN git config --global --add safe.directory /code
+
+
+COPY package.json pnpm-lock.yaml /code/
+RUN corepack prepare --activate
+# RUN npm install -g pnpm
+
+# RUN pnpm install
+
+
+
+# -------------------------- Nginx - Builder --------------------------------
+FROM dev AS nginx-build
+
+COPY package.json pnpm-lock.yaml /code/
+
+RUN corepack prepare --activate
+
+RUN pnpm install
+
+COPY . .
+
+# # Build variables (Requires backend pulled)
+ENV APP_TITLE=APP_TITLE_PLACEHOLDER
+ENV APP_GRAPHQL_ENDPOINT=APP_GRAPHQL_ENDPOINT_PLACEHOLDER
+ENV APP_GRAPHQL_CODEGEN_ENDPOINT=./backend/schema.graphql
+
+RUN pnpm generate:type && pnpm build
+# RUN pnpm build
+
+# ---------------------------------------------------------------------------
+FROM nginx:1 AS nginx-serve
+
+LABEL maintainer="Togglecorp Dev"
+LABEL org.opencontainers.image.source="https://github.com/ToogleCorp/nrcs-cms"
+
+COPY ./nginx-serve/apply-config.sh /docker-entrypoint.d/
+COPY ./nginx-serve/nginx.conf.template /etc/nginx/templates/default.conf.template
+COPY --from=nginx-build /code/build /code/build
+
+# NOTE: Used by apply-config.sh
+ENV APPLY_CONFIG__SOURCE_DIRECTORY=/code/build/
+ENV APPLY_CONFIG__DESTINATION_DIRECTORY=/usr/share/nginx/html/
+ENV APPLY_CONFIG__OVERWRITE_DESTINATION=true

docker-compose.yaml

@@ -0,0 +1,21 @@
+name: ${COMPOSE_PROJECT_NAME:-ncrs-cms}
+
+services:
+  react:
+    build:
+      context: ../
+      target: dev
+    command: sh -c 'pnpm install --frozen-lockfile && pnpm run dev --host'
+    volumes:
+      - ../:/code
+    ports:
+      - "${PORT:-3000}:${PORT:-3000}"
+    environment:
+      - PORT=${PORT:-3000}
+      - APP_TITLE=${APP_TITLE:-Nepal Red Cross Society CMS}
+      - APP_GRAPHQL_ENDPOINT=${APP_GRAPHQL_ENDPOINT:-http://web:8000/graphql/}
+      - APP_GRAPHQL_CODEGEN_ENDPOINT=${APP_GRAPHQL_CODEGEN_ENDPOINT:-./backend/schema.graphql}
+    env_file:
+      - .env
+    depends_on:
+      - web

package.json

@@ -7,12 +7,13 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
-    "lint:css": "stylelint \"./src/**/*.css\"",
+    "lint:css": "stylelint \"./app/**/*.css\"",
     "preview": "vite preview",
     "generate:type": "graphql-codegen --require dotenv/config --config codegen.ts",
     "knip": "knip"
   },
   "dependencies": {
+    "@ifrc-go/ui": "^1.3.0",
     "@togglecorp/fujs": "^2.2.0",
     "graphql": "^16.12.0",
     "react": "^19.2.0",
@@ -71,5 +72,7 @@
     "overrides": {
       "vite": "npm:rolldown-vite@7.2.5"
     }
-  }
+  },
+  "packageManager": "pnpm@8.15.9"
+
 }