chore(dashboard): add dockerfile for separate deployment

Signed-off-by: Toma Puljak <[email protected]>

Author: Tpuljak

apps/api/.env

@@ -108,4 +108,5 @@ ADMIN_SNAPSHOT_QUOTA=100
 ADMIN_MAX_SNAPSHOT_SIZE=100
 ADMIN_VOLUME_QUOTA=0
 
-SKIP_USER_EMAIL_VERIFICATION=true
+SKIP_USER_EMAIL_VERIFICATION=true
+DONT_SERVE_DASHBOARD=true

apps/api/Dockerfile

@@ -120,6 +120,8 @@ ENV SKIP_USER_EMAIL_VERIFICATION=true
 
 ENV RUN_MIGRATIONS=true
 
+ENV DONT_SERVE_DASHBOARD=false
+
 HEALTHCHECK CMD [ "curl", "-f", "http://localhost:3000/api/config" ]
 
 ENTRYPOINT ["sh", "-c", "dockerd-entrypoint.sh & node dist/apps/api/main.js"]

apps/api/src/app.module.ts

@@ -90,12 +90,22 @@ import { getPinoTransport, swapMessageAndObject } from './common/utils/pino.util
         cacheControl: false,
       },
     }),
-    ServeStaticModule.forRoot({
-      rootPath: join(__dirname, '..', 'dashboard'),
-      exclude: ['/api/*'],
-      renderPath: '/',
-      serveStaticOptions: {
-        cacheControl: false,
+    ServeStaticModule.forRootAsync({
+      inject: [TypedConfigService],
+      useFactory: (configService: TypedConfigService) => {
+        if (configService.get('dontServeDashboard')) {
+          return []
+        }
+        return [
+          {
+            rootPath: join(__dirname, '..', 'dashboard'),
+            exclude: ['/api/*'],
+            renderPath: '/',
+            serveStaticOptions: {
+              cacheControl: false,
+            },
+          },
+        ]
       },
     }),
     ThrottlerModule.forRoot([

apps/api/src/config/configuration.ts

@@ -216,6 +216,7 @@ const configuration = {
     volumeQuota: parseInt(process.env.ADMIN_VOLUME_QUOTA || '0', 10),
   },
   skipUserEmailVerification: process.env.SKIP_USER_EMAIL_VERIFICATION === 'true',
+  dontServeDashboard: process.env.DONT_SERVE_DASHBOARD === 'true',
 }
 
 export { configuration }

apps/api/src/main.ts

@@ -38,7 +38,7 @@ const httpsOptions: HttpsOptions = {
 
 async function bootstrap() {
   if (process.env.OTEL_ENABLED === 'true') {
-    await otelSdk.start()
+    otelSdk.start()
   }
   const app = await NestFactory.create<NestExpressApplication>(AppModule, {
     bufferLogs: true,

apps/dashboard/Dockerfile

@@ -0,0 +1,45 @@
+# Stage 1: Build the Vite app
+FROM node:20-alpine AS builder
+
+RUN npm install -g corepack && corepack enable
+
+WORKDIR /daytona
+
+COPY . .
+
+RUN yarn
+
+RUN VITE_BASE_API_URL=%DAYTONA_BASE_API_URL% yarn nx build dashboard --configuration=production --nxBail=true
+
+FROM nginx:alpine as dashboard
+
+COPY --from=builder /daytona/dist/apps/dashboard /usr/share/nginx/html
+
+RUN echo 'server { \
+    listen 80; \
+    server_name localhost; \
+    root /usr/share/nginx/html; \
+    index index.html; \
+    location / { \
+        try_files $uri $uri/ /index.html; \
+    } \
+}' > /etc/nginx/conf.d/default.conf
+
+ENV DAYTONA_BASE_API_URL="http://api:3000"
+
+# Create startup script for runtime environment variable substitution
+RUN echo '#!/bin/sh' > /docker-entrypoint.sh && \
+    echo 'set -e' >> /docker-entrypoint.sh && \
+    echo '' >> /docker-entrypoint.sh && \
+    echo '# Replace %DAYTONA_BASE_API_URL% with actual environment variable value' >> /docker-entrypoint.sh && \
+    echo 'find /usr/share/nginx/html -type f \( -name "*.js" -o -name "*.html" \) -exec sed -i "s|%DAYTONA_BASE_API_URL%|${DAYTONA_BASE_API_URL}|g" {} +' >> /docker-entrypoint.sh && \
+    echo '' >> /docker-entrypoint.sh && \
+    echo '# Start nginx' >> /docker-entrypoint.sh && \
+    echo 'exec nginx -g "daemon off;"' >> /docker-entrypoint.sh && \
+    chmod +x /docker-entrypoint.sh
+
+EXPOSE 80
+
+HEALTHCHECK CMD [ "curl", "-f", "http://localhost/" ]
+
+CMD ["/docker-entrypoint.sh"]

apps/dashboard/project.json

@@ -17,6 +17,13 @@
       "options": {
         "command": "cd {projectRoot} && prettier --write \"**/*.{ts,tsx,js,jsx,json,css,mjs,html}\" --config ../../.prettierrc"
       }
-    }
+    },
+    "check-version-env": {},
+    "docker": {
+      "options": {
+        "target": "dashboard"
+      }
+    },
+    "push-manifest": {}
   }
 }

apps/docs/src/content/docs/en/oss-deployment.mdx

@@ -198,6 +198,7 @@ Below is a full list of environment variables with their default values:
 | `ADMIN_MAX_SNAPSHOT_SIZE`                  | number  | `100`                                                | Admin max snapshot size, used only upon initial setup                                                |
 | `ADMIN_VOLUME_QUOTA`                       | number  | `0`                                                  | Admin volume quota, used only upon initial setup                                                     |
 | `SKIP_USER_EMAIL_VERIFICATION`             | boolean | `true`                                               | Skip user email verification process                                                                 |
+| `DONT_SERVE_DASHBOARD`                     | boolean | `false`                                              | Disable serving dashboard static files from API service                                              |
 
 ### Runner