dockerize

Dockerfile

@@ -0,0 +1,19 @@
+FROM frontend-mini-challenges-shared-assets AS shared-assets
+FROM frontend-mini-challenges-shared-data AS shared-data
+FROM frontend-mini-challenges-shared-styles AS shared-styles
+
+FROM node:22 AS root
+
+WORKDIR /app
+
+COPY --from=shared-assets /shared/assets /app/shared/assets
+
+COPY --from=shared-data /shared/data /app/shared/data
+
+COPY --from=shared-styles /shared/styles /app/shared/styles
+
+COPY package*.json .
+
+COPY .npmrc .
+
+COPY tsconfig.json .

apps/angular/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+build
+Dockerfile

apps/angular/Dockerfile

@@ -0,0 +1,21 @@
+FROM frontend-mini-challenges-root AS root
+
+FROM node:22
+
+COPY --from=root /app /app
+
+WORKDIR /app/apps/angular
+
+COPY package*.json .
+
+WORKDIR /app
+
+RUN npm install
+
+WORKDIR /app/apps/angular
+
+COPY . .
+
+EXPOSE 6015
+
+CMD [ "npm", "run", "dev" ]

apps/css/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+build
+Dockerfile

apps/css/Dockerfile

@@ -0,0 +1,21 @@
+FROM frontend-mini-challenges-root AS root
+
+FROM node:22
+
+COPY --from=root /app /app
+
+WORKDIR /app/apps/css
+
+COPY package*.json .
+
+WORKDIR /app
+
+RUN npm install
+
+WORKDIR /app/apps/css
+
+COPY . .
+
+EXPOSE 6011
+
+CMD [ "npm", "run", "dev" ]

apps/css/vite.config.ts

@@ -14,6 +14,7 @@ export default defineConfig({
   },
   server: {
     port: 6011,
+    host: true,
     strictPort: true,
   },
   base: '/frontend-mini-challenges/css/',

apps/host/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+build
+Dockerfile

apps/host/Dockerfile

@@ -0,0 +1,21 @@
+FROM frontend-mini-challenges-root AS root
+
+FROM node:22
+
+COPY --from=root /app /app
+
+WORKDIR /app/apps/host
+
+COPY package*.json .
+
+WORKDIR /app
+
+RUN npm install
+
+WORKDIR /app/apps/host
+
+COPY . .
+
+EXPOSE 6010
+
+CMD [ "npm", "run", "dev" ]

apps/host/vite.config.ts

@@ -12,8 +12,9 @@ export default defineConfig({
   },
   server: {
     port: 6010,
+    // open: true,
+    host: true,
     strictPort: true,
-    open: true,
   },
   base: '/frontend-mini-challenges/',
 });

apps/javascript/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+build
+Dockerfile

apps/javascript/Dockerfile

@@ -0,0 +1,21 @@
+FROM frontend-mini-challenges-root AS root
+
+FROM node:22
+
+COPY --from=root /app /app
+
+WORKDIR /app/apps/javascript
+
+COPY package*.json .
+
+WORKDIR /app
+
+RUN npm install
+
+WORKDIR /app/apps/javascript
+
+COPY . .
+
+EXPOSE 6012
+
+CMD [ "npm", "run", "dev" ]

apps/javascript/vite.config.ts

@@ -14,6 +14,7 @@ export default defineConfig({
   },
   server: {
     port: 6012,
+    host: true,
     strictPort: true,
   },
   base: '/frontend-mini-challenges/javascript/',

apps/react/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+build
+Dockerfile

apps/react/Dockerfile

@@ -0,0 +1,21 @@
+FROM frontend-mini-challenges-root AS root
+
+FROM node:22
+
+COPY --from=root /app /app
+
+WORKDIR /app/apps/react
+
+COPY package*.json .
+
+WORKDIR /app
+
+RUN npm install
+
+WORKDIR /app/apps/react
+
+COPY . .
+
+EXPOSE 6013
+
+CMD [ "npm", "run", "dev" ]

apps/react/vite.config.ts

@@ -12,6 +12,7 @@ export default defineConfig({
   },
   server: {
     port: 6013,
+    host: true,
     strictPort: true,
   },
   base: '/frontend-mini-challenges/react/',

apps/vue/.dockerignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+build
+Dockerfile

apps/vue/Dockerfile

@@ -0,0 +1,21 @@
+FROM frontend-mini-challenges-root AS root
+
+FROM node:22
+
+COPY --from=root /app /app
+
+WORKDIR /app/apps/vue
+
+COPY package*.json .
+
+WORKDIR /app
+
+RUN npm install
+
+WORKDIR /app/apps/vue
+
+COPY . .
+
+EXPOSE 6014
+
+CMD [ "npm", "run", "dev" ]

apps/vue/vite.config.ts

@@ -12,6 +12,7 @@ export default defineConfig({
   },
   server: {
     port: 6014,
+    host: true,
     strictPort: true,
   },
   base: '/frontend-mini-challenges/vue/',

compose.yaml

@@ -0,0 +1,84 @@
+services:
+  shared-assets:
+    build: ./shared/assets
+    container_name: shared-assets
+
+  shared-data:
+    build: ./shared/data
+    container_name: shared-data
+
+  shared-styles:
+    build: ./shared/styles
+    container_name: shared-styles
+
+  root:
+    build: ./
+    container_name: root
+    depends_on:
+      - shared-assets
+      - shared-data
+      - shared-styles
+
+  host:
+    build: ./apps/host
+    container_name: host
+    ports:
+      - 6010:6010
+    env_file:
+      - ./docker-env/.env
+    stdin_open: true
+    tty: true
+    depends_on:
+      - root
+
+  css:
+    build: ./apps/css
+    container_name: css
+    ports:
+      - 6011:6011
+    env_file:
+      - ./docker-env/.env
+    depends_on:
+      - root
+
+  javascript:
+    build: ./apps/javascript
+    container_name: javascript
+    ports:
+      - 6012:6012
+    env_file:
+      - ./docker-env/.env
+    depends_on:
+      - root
+
+  react:
+    build: ./apps/react
+    container_name: react
+    ports:
+      - 6013:6013
+    stdin_open: true
+    tty: true
+    env_file:
+      - ./docker-env/.env
+    depends_on:
+      - root
+
+  vue:
+    build: ./apps/vue
+    container_name: vue
+    ports:
+      - 6014:6014
+    env_file:
+      - ./docker-env/.env
+    depends_on:
+      - root
+
+  angular:
+    build: ./apps/angular
+    container_name: angular
+    ports:
+      - 6015:6015
+    env_file:
+      - ./docker-env/.env
+    depends_on:
+      - root

docker-env/.env

@@ -0,0 +1,7 @@
+VITE_PATH=frontend-mini-challenges
+VITE_HOST_URL=http://localhost:6010/
+VITE_CSS_APP_URL=http://localhost:6011/
+VITE_JS_APP_URL=http://localhost:6012/
+VITE_REACT_APP_URL=http://localhost:6013/
+VITE_VUE_APP_URL=http://localhost:6014/
+VITE_NG_APP_URL=http://localhost:6015/

shared/assets/Dockerfile

@@ -0,0 +1,5 @@
+FROM node:22
+
+WORKDIR /shared/assets
+
+COPY . .

shared/data/Dockerfile

@@ -0,0 +1,5 @@
+FROM node:22
+
+WORKDIR /shared/data
+
+COPY . .

shared/styles/Dockerfile

@@ -0,0 +1,5 @@
+FROM node:22
+
+WORKDIR /shared/styles
+
+COPY . .