diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..7f499e3
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,12 @@
+FROM node:lts-alpine as build-stage
+WORKDIR /app
+COPY package*.json ./
+RUN npm install
+COPY . .
+RUN npm run build
+
+# tahap produksi
+FROM nginx:stable-alpine as production-stage
+COPY --from=build-stage /app/dist /usr/share/nginx/html
+EXPOSE 32167
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/package.json b/package.json
index bef3368..00866ce 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "dev": "vite --host",
     "tailwind": "tailwindcss -i ./src/assets/css/tailwind.css -o ./src/assets/css/style.css --watch",
     "build": "run-p type-check build-only",
-    "preview": "vite preview",
+    "preview": "vite preview --host",
     "test:unit": "vitest",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
@@ -71,4 +71,4 @@
     "vitest": "^0.34.6",
     "vue-tsc": "^1.6.5"
   }
-}
+}
\ No newline at end of file