Merge pull request #402 from bcgov/feature/nginx-config-for-production

Storybook Nginx configuration for production deployment

packages/react-components/Dockerfile.storybook

@@ -3,7 +3,7 @@
 # -----------
 # Build stage
 # -----------
-FROM node:lts-alpine as build-stage
+FROM node:lts-alpine AS build-stage
 ARG GITHUB_SHA
 ENV GITHUB_SHA=$GITHUB_SHA
 
@@ -30,7 +30,7 @@ RUN STORYBOOK_GITHUB_SHA=$GITHUB_SHA npm run storybook-build
 # -----------
 # Serve stage
 # -----------
-FROM nginxinc/nginx-unprivileged:alpine as serve-stage
+FROM nginxinc/nginx-unprivileged:alpine AS serve-stage
 
 # Copy nginx configuration
 COPY ./nginx.storybook.conf /etc/nginx/nginx.conf

packages/react-components/Dockerfile.vite

@@ -3,7 +3,7 @@
 # -----------
 # Build stage
 # -----------
-FROM node:lts-alpine as build-stage
+FROM node:lts-alpine AS build-stage
 
 # Copy package.json and package-lock.json
 WORKDIR /app
@@ -28,7 +28,7 @@ RUN npm run vite-build
 # -----------
 # Serve stage
 # -----------
-FROM nginxinc/nginx-unprivileged:alpine as serve-stage
+FROM nginxinc/nginx-unprivileged:alpine AS serve-stage
 
 # Copy nginx configuration
 COPY ./nginx.vite.conf /etc/nginx/nginx.conf

packages/react-components/nginx.storybook.conf

@@ -26,9 +26,24 @@ http {
     error_log  /tmp/error.log;
     access_log /tmp/access.log;
 
-    location / {
-      root /usr/share/nginx/html;
-      try_files $uri /index.html;
+    # Redirect requests for root to gov.bc.ca B.C. Design System landing page
+    # Perma-link: https://www2.gov.bc.ca/gov/content?id=67906B3698E44F4592AD4C6DC375B8F1
+    location = / {
+      return 301 https://gov.bc.ca/designsystem;
     }
+
+    # Requests within /react-components/ path get served the Storybook app
+    location /react-components/ {
+      alias /usr/share/nginx/html/;
+      try_files $uri $uri/ /index.html;
+    }
+
+    # Redirect /react-components to /react-components/
+    location = /react-components {
+      return 301 /react-components/;
+    }
+
+    # Redirect 404 errors to the Design System landing page
+    error_page 404 =301 https://gov.bc.ca/designsystem;
   }
 }