build: add build and deployment automation

.env.example

@@ -1,2 +1,2 @@
 # What ORG to activate (nfk | atb | fram)
-NEXT_PUBLIC_WEBSHOP_ORG_ID=atb
+NEXT_PUBLIC_PLANNER_ORG_ID=atb

.github/workflows/docker.yml

@@ -0,0 +1,15 @@
+name: Docker Build, Push & Deploy
+
+on:
+  release:
+    types: [published]
+  push:
+    branches: ['main']
+
+jobs:
+  build:
+    uses: atb-as/workflows/.github/workflows/cluster-docker-build-tag-push.yaml@v2
+    with:
+      image: gcr.io/atb-mobility-platform/planner-web
+    secrets:
+      github_pat: ${{ secrets.GH_PAT }}

.github/workflows/test.yml

@@ -13,5 +13,5 @@ jobs:
       - run: yarn
       - run: yarn setup
         env:
-          NEXT_PUBLIC_WEBSHOP_ORG_ID: atb
+          NEXT_PUBLIC_PLANNER_ORG_ID: atb
       - run: yarn test

.github/workflows/tsc.yml

@@ -18,6 +18,6 @@ jobs:
       - run: yarn
       - run: yarn setup
         env:
-          NEXT_PUBLIC_WEBSHOP_ORG_ID: atb
+          NEXT_PUBLIC_PLANNER_ORG_ID: atb
       - run: yarn tsc
       - run: yarn lint

.gitignore

@@ -14,6 +14,7 @@
 
 # production
 /build
+/dist
 
 # misc
 .DS_Store

Dockerfile

@@ -0,0 +1,44 @@
+# Install dependencies only when needed
+FROM node:18-alpine AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+COPY package.json yarn.lock* ./
+RUN yarn --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM node:18-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN yarn build:all
+
+# Production image, copy all the files and run next
+FROM node:18-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+# Set the correct permission for prerender cache
+RUN mkdir dist
+RUN chown nextjs:nodejs dist
+
+COPY --from=builder --chown=nextjs:nodejs /app/dist ./dist
+COPY server.js ./
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+ENV HOSTNAME "0.0.0.0"
+
+CMD ["node", "server.js"]

README.md

@@ -6,5 +6,5 @@ TBA
 
 ```
 # What ORG to activate (nfk | atb | fram)
-NEXT_PUBLIC_WEBSHOP_ORG_ID=atb
+NEXT_PUBLIC_PLANNER_ORG_ID=atb
 ```

next.config.js

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 
-const orgId = process.env.NEXT_PUBLIC_WEBSHOP_ORG_ID;
+const orgId = process.env.NEXT_PUBLIC_PLANNER_ORG_ID;
 
 const nextConfig = {
   optimizeFonts: false,

package.json

@@ -7,10 +7,11 @@
     "test": "vitest",
     "dev": "next dev",
     "build": "next build",
+    "build:all": "sh ./scripts/build.sh",
     "start": "next start",
     "lint": "next lint",
     "clean-assets": "rimraf ./public/assets/",
-    "setup": "generate-assets all $NEXT_PUBLIC_WEBSHOP_ORG_ID -o ./public/assets/ -ts -ts-o ./src/components/icon"
+    "setup": "generate-assets all $NEXT_PUBLIC_PLANNER_ORG_ID -o ./public/assets/ -ts -ts-o ./src/components/icon"
   },
   "dependencies": {
     "@atb-as/theme": "^7.1.1",

scripts/build.sh

@@ -0,0 +1,21 @@
+#!/bin/bash
+
+# This script prepares and organizes the application for different organizations 
+# by setting up the environment, building the application, and organizing the output 
+# into the 'dist' directory with separate subdirectories for each organization.
+
+mkdir dist
+
+for orgId in atb nfk fram; do
+  mkdir dist/$orgId
+  export NEXT_PUBLIC_PLANNER_ORG_ID=$orgId
+  echo "Running yarn setup && yarn build for $orgId"
+  yarn setup $orgId
+  yarn build
+
+  echo "Moving the output into the dist directory"
+  mv .next/standalone dist/$orgId
+  mv .next/static dist/$orgId/standalone/.next
+  cp -r public dist/$orgId/standalone
+  cp next.config.js dist/$orgId/standalone
+done

server.js

@@ -0,0 +1,15 @@
+const orgId = process.env.NEXT_PUBLIC_PLANNER_ORG_ID || 'atb';
+
+switch (orgId) {
+  case 'atb':
+    require('./dist/atb/standalone/server.js');
+    break;
+  case 'nfk':
+    require('./dist/nfk/standalone/server.js');
+    break;
+  case 'fram':
+    require('./dist/fram/standalone/server.js');
+    break;
+  default:
+    throw new Error('Invalid org ID provided.');
+}

src/modules/org-data/index.tsx

@@ -2,7 +2,7 @@ export type WEBSHOP_ORGS = 'nfk' | 'atb' | 'fram';
 export const currentOrg = getCurrentOrg();
 
 function getCurrentOrg(): WEBSHOP_ORGS {
-  const orgId = process.env.NEXT_PUBLIC_WEBSHOP_ORG_ID;
+  const orgId = process.env.NEXT_PUBLIC_PLANNER_ORG_ID;
   switch (orgId) {
     case 'atb':
       return 'atb';
@@ -12,5 +12,5 @@ function getCurrentOrg(): WEBSHOP_ORGS {
       return 'fram';
   }
 
-  throw new Error('NEXT_PUBLIC_WEBSHOP_ORG_ID required but missing');
+  throw new Error('NEXT_PUBLIC_PLANNER_ORG_ID required but missing');
 }

src/pages/_error.tsx

@@ -0,0 +1,3 @@
+export default function ErrorPage() {
+  return <h1>Something went wrong...</h1>;
+}