From 4dbb67d5fc9ded6de2107cc6baaeb9b79d869f23 Mon Sep 17 00:00:00 2001
From: Thanu Poptiphueng <tpcrasite@gmail.com>
Date: Sat, 20 Apr 2024 01:44:45 +0700
Subject: [PATCH] added frontend docker

---
 .dockerignore |  3 +++
 .gitignore    |  1 +
 Dockerfile    | 21 +++++++++++++++++++++
 src/config.js |  2 +-
 4 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 .dockerignore
 create mode 100644 Dockerfile

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..da592f8
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,3 @@
+node_modules
+.DS_Store
+dist
diff --git a/.gitignore b/.gitignore
index fd4f2b0..da592f8 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 node_modules
 .DS_Store
+dist
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..460b928
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,21 @@
+FROM node:20-slim AS base
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+COPY . /app
+WORKDIR /app
+
+FROM base AS prod-deps
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --prod --frozen-lockfile
+FROM base AS build
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
+ARG VUE_APP_API_URL
+RUN pnpm run build
+ 
+FROM base AS app
+COPY --from=prod-deps /app/node_modules /app/node_modules
+COPY --from=build /app/dist /app/dist
+RUN pnpm install -g serve
+EXPOSE 3000
+EXPOSE 3001
+CMD [ "serve", "-s", "dist" ]
diff --git a/src/config.js b/src/config.js
index ef32e6f..62170d8 100644
--- a/src/config.js
+++ b/src/config.js
@@ -1,3 +1,3 @@
 export const CONFIG = {
-  api_url: "http://localhost:3000",
+  api_url: process.env.VUE_APP_API_URL || "http://localhost:3000",
 };