feat: gains PROD version of Dockerfile (#16)

* rename Dockerfile.dev to Dockerfile

* use nginx server for prod

* update Dockerfile name and ports

Dockerfile

@@ -0,0 +1,41 @@
+# Build Stage
+FROM node:18-alpine AS build
+
+# Set the working directory
+WORKDIR /app
+
+# Copy package.json and package-lock.json to the working directory
+COPY package*.json ./
+
+# Install the dependencies
+RUN npm install
+
+# Copy necessary configurations to the working directory
+COPY postcss.config.cjs ./
+COPY svelte.config.js ./
+COPY tailwind.config.ts ./
+COPY tsconfig.json ./
+COPY vite.config.ts ./
+
+# Copy the source code to the working directory
+COPY src ./src
+COPY static ./static
+# COPY .svelte-kit ./.svelte-kit
+
+# Build the application
+RUN npm run build
+
+# Production Stage
+FROM nginx:alpine
+
+# Copy the built files from the build stage
+COPY --from=build /app/build /usr/share/nginx/html
+
+# Copy the nginx configuration file
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+# Expose the port on which the application will run
+EXPOSE 8080
+
+# Start nginx server
+CMD ["nginx", "-g", "daemon off;"]

docker-compose.yml

@@ -3,9 +3,9 @@ services:
   svelte-app:
     build:
       context: .
-      dockerfile: Dockerfile.dev
+      dockerfile: Dockerfile
     ports:
-      - '3000:3000'
+      - '8080:8080'
     volumes:
       - type: bind
         source: ${JSON_ASSETS_PATH}

nginx.conf

@@ -0,0 +1,14 @@
+server {
+    listen 8080;
+    server_name localhost;
+
+    location / {
+        root /usr/share/nginx/html;
+        try_files $uri $uri/ /index.html;
+    }
+
+    error_page 500 502 503 504 /50x.html;
+    location = /50x.html {
+        root /usr/share/nginx/html;
+    }
+}