containerized by docker

Author: Danil Vikulov

demo/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+logs
+Dockerfile
+.dockerignore
+package-lock.json
+ecosystem.config.cjs

demo/Dockerfile

@@ -0,0 +1,26 @@
+# --- build stage ---
+FROM node:20-alpine AS builder
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm install
+
+COPY . .
+
+RUN npm run build
+
+
+# --- production stage ---
+FROM node:20-alpine
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm install --omit=dev
+
+COPY --from=builder /app/dist ./dist
+
+EXPOSE 3000
+
+CMD ["node", "dist/server.js"]

demo/compose.yaml

@@ -0,0 +1,17 @@
+services:
+  app:
+    build: .
+    ports:
+      - "3000:3000"
+    environment:
+      - NODE_ENV=production
+      - PORT=3000
+      - MAIN_ADDRESS=https://dropzone.deevee.ru
+      - SITE_TITLE=React Basic Dropzone Library Demo
+    restart: unless-stopped
+    healthcheck:
+      test: ["CMD", "node", "-e", "const req=require('http').get('http://localhost:3000',res=>process.exit(res.statusCode===200?0:1));req.on('error',()=>process.exit(1));"]
+      start_period: 30s
+      interval: 60s
+      timeout: 10s
+      retries: 3

demo/package.json

@@ -3,9 +3,10 @@
    "private": false,
    "license": "MIT",
    "scripts": {
-      "build": "npm run build:client && npm run build:server",
+      "build": "npm run build:client && npm run build:server && npm run build:node",
       "build:client": "vite build --ssrManifest --outDir dist/client",
       "build:server": "vite build --ssr src/app/entry-server.tsx --outDir dist/server",
+      "build:node": "tsc -p tsconfig.server.json",
       "start": "cross-env NODE_ENV=production node ./server.ts",
       "lint": "eslint src/**/*.{js,jsx,ts,tsx}"
    },

demo/src/pages/main/main.tsx

@@ -63,7 +63,7 @@ const Main = () => {
     return (
         <div className="content">
           <div className="w-full">
-            <h1 className="text-4xl font-bold text-hermgreen-800 text-center">React Dropzone Library</h1>
+            <h1 className="text-4xl font-bold text-fruitgreen-800 text-center">React Dropzone Library</h1>
             <div className="w-lg mx-auto">
                 <Dropzone 
                     upload={upload} 

demo/tsconfig.server.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "outDir": "dist",
+    "module": "ESNext",
+    "target": "ES2020",
+    "moduleResolution": "bundler",
+    "esModuleInterop": true
+  },
+  "include": ["server.ts"]
+}