From 69d823504ab7e81cc61e89c655d93eb62252b3cd Mon Sep 17 00:00:00 2001
From: Michael Weimann <mail@michael-weimann.eu>
Date: Mon, 14 Jun 2021 22:27:23 +0200
Subject: [PATCH] add Dockerfile

---
 .dockerignore |  2 ++
 Dockerfile    | 10 ++++++++++
 README.md     | 24 ++++++++++++++++++++++--
 3 files changed, 34 insertions(+), 2 deletions(-)
 create mode 100644 .dockerignore
 create mode 100644 Dockerfile

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..85dcc16
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,2 @@
+.git
+node_modules
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..4af6fa0
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,10 @@
+FROM node:14-alpine as builder
+
+COPY . ./
+
+RUN npm ci && npm run build
+
+
+FROM nginx
+
+COPY --from=builder /dist/ /usr/share/nginx/html/
diff --git a/README.md b/README.md
index 0f7abd0..6f66d87 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,7 @@
 Vue3 Projekt: 
 ## Project setup
 ```
-npm install
+npm ci
 ```
 
 ### Compiles and hot-reloads for development
@@ -28,4 +28,24 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
 Vorraussetzung: Node & NPM
 
 ### Enviroment Variable
-VUE_APP_API_URL ist die Enviroment Variable mit der die Adresse der API übergeben wird
\ No newline at end of file
+VUE_APP_API_URL ist die Enviroment Variable mit der die Adresse der API übergeben wird
+
+
+## Docker
+
+### Image bauen
+
+```
+docker build --tag ki_frontend .
+```
+
+
+### Container starten
+
+```
+docker run \
+    --name=ki_frontend \
+    -e VUE_APP_API_URL=http://localhost:5000 \
+    -p 8000:80 \
+    ki_frontend
+```