diff --git a/.env b/.env
new file mode 100644
index 0000000000000000000000000000000000000000..ddde0502fe0dee862ae8d2e42a443d88ee564004
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://localhost:4000
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000000000000000000000000000000000000..4f03d5e7d5da847b19a39d3f45fd3add2b204fef
--- /dev/null
+++ b/.env.production
@@ -0,0 +1 @@
+VITE_API_BASE_URL=http://dekdee3.informatics.buu.ac.th:8012
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000000000000000000000000000000000000..cccbb4a285f1f24b58ff8a996ff241a14d6cf77d
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,19 @@
+# Build stage
+FROM node:18 AS builder
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+RUN npm run build
+
+# Production stage
+FROM nginx:stable-alpine
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+# copy nginx config if needed (optional)
+# COPY nginx.conf /etc/nginx/nginx.conf
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000000000000000000000000000000000000..639a1b7db36ed82745e831966452c6096b5dace9
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,7 @@
+version: "3"
+services:
+  lookoad-frontend:
+    build: .
+    ports:
+      - "8011:80" # นายจองไว้เรียบร้อย
+    restart: always
diff --git a/src/services/http.ts b/src/services/http.ts
index 6997076f4d7c892805b3e741fd08bbb19d803fe9..c682654d533debc88c174707311db06117ffb4de 100644
--- a/src/services/http.ts
+++ b/src/services/http.ts
@@ -2,7 +2,7 @@ import router from '@/router'
 import axios from 'axios'
 
 const instance = axios.create({
-  baseURL: 'http://localhost:4000'
+  baseURL: import.meta.env.VITE_API_BASE_URL
 })
 
 function delay(sec: number) {