Add dockerfile for frontend (#8)

xmlynek · web-flow · commit b25f2924549b · 2024-12-30T16:18:49.000+01:00
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
@@ -0,0 +1,28 @@
+FROM node:latest as build
+
+# Set the working directory
+WORKDIR /usr/local/app
+
+# Add the source code to app
+COPY ./ /usr/local/app/
+
+# Install all the dependencies
+RUN npm install
+
+# Generate the build of the application
+RUN npm run build
+
+
+# Stage 2: Serve app with nginx server
+
+# Use official nginx image as the base image
+FROM nginx:latest
+
+# Copy the nginx configuration file to the container
+COPY ./nginx/nginx.conf /etc/nginx/nginx.conf
+
+# Copy the build output to replace the default nginx contents.
+COPY --from=build /usr/local/app/dist/notes-app /usr/share/nginx/html
+
+# Expose port 80
+EXPOSE 80
diff --git a/frontend/angular.json b/frontend/angular.json
@@ -15,11 +15,11 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:application",
+          "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "outputPath": "dist/notes-app",
             "index": "src/index.html",
-            "browser": "src/main.ts",
+            "main": "src/main.ts",
             "polyfills": [],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
diff --git a/frontend/nginx/nginx.conf b/frontend/nginx/nginx.conf
@@ -0,0 +1,13 @@
+events{}
+http {
+    include /etc/nginx/mime.types;
+    server {
+        listen 80;
+        server_name localhost;
+        root /usr/share/nginx/html;
+        index index.html;
+        location / {
+            try_files $uri $uri/ /index.html;
+        }
+    }
+}
diff --git a/frontend/src/environments/environment.ts b/frontend/src/environments/environment.ts
@@ -1,5 +1,5 @@
 export const environment = {
-  keycloakUrl: '',
+  keycloakUrl: 'http://localhost:8090',
   keycloakRealm: 'notes',
   keycloakClientId: 'notes-client',
   production: true
