Klimatbyran · irony · Aug 13, 2025 · Aug 13, 2025 · Aug 13, 2025 · Aug 13, 2025
diff --git a/Dockerfile b/Dockerfile
@@ -24,16 +24,26 @@ COPY . .
 RUN npm run build
 
 # Production stage
-FROM nginx:alpine
+FROM node:20-slim
 
-# Copy built assets from build stage
-COPY --from=build /app/dist /usr/share/nginx/html
+# Set working directory
+WORKDIR /app
+
+# Copy package files and install production dependencies
+COPY package*.json ./
+RUN npm ci --only=production
+
+# Copy built assets and server files from build stage
+COPY --from=build /app/dist ./dist
+COPY --from=build /app/server.js ./
+COPY --from=build /app/index.html ./
+COPY --from=build /app/public ./public
 
-# Copy custom nginx configuration
-COPY nginx.conf /etc/nginx/conf.d/default.conf
+# Set production environment
+ENV NODE_ENV=production
 
-# Expose port 80
-EXPOSE 80
+# Expose port 5173 (or whatever port your server uses)
+EXPOSE 5173
 
-# Start nginx
-CMD ["nginx", "-g", "daemon off;"]
+# Start the Node.js server
+CMD ["node", "server.js"]
diff --git a/index.html b/index.html
@@ -36,12 +36,13 @@
     <link rel="alternate" hreflang="sv" href="https://klimatkollen.se" />
     <link rel="alternate" hreflang="en" href="https://klimatkollen.se/en" />
     <link rel="alternate" hreflang="x-default" href="https://klimatkollen.se" />
+    <link rel="stylesheet" href="/src/index.css" />
     <script defer data-domain="klimatkollen.se" src="https://plausible.io/js/script.js"></script>
     <meta http-equiv="content-language" content="sv" />
     <title>Klimatkollen - Följ klimatomställningen i Sverige</title>
   </head>
   <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <div id="root"><!--ssr-outlet--></div>
+    <script type="module" src="/src/entry-client.tsx"></script>
   </body>
 </html>
diff --git a/k8s/base/deployment.yaml b/k8s/base/deployment.yaml
@@ -24,7 +24,7 @@ spec:
           image: ghcr.io/klimatbyran/frontend
           imagePullPolicy: Always
           ports:
-            - containerPort: 80
+            - containerPort: 5173
               name: http
           resources:
             requests:
@@ -36,13 +36,13 @@ spec:
           livenessProbe:
             httpGet:
               path: /
-              port: 80
+              port: 5173
             initialDelaySeconds: 10
             periodSeconds: 30
           readinessProbe:
             httpGet:
               path: /
-              port: 80
+              port: 5173
             initialDelaySeconds: 5
             periodSeconds: 10
           env:

diff --git a/k8s/base/service.yaml b/k8s/base/service.yaml
@@ -6,8 +6,8 @@ spec:
   type: ClusterIP
   ports:
     - port: 80
-      targetPort: 80
+      targetPort: 5173
       protocol: TCP
       name: http
   selector:
-    app: frontend
+    app: frontend
diff --git a/nginx.conf b/nginx.conf