Add Dockerfile and generate static redirects for nginx

Author: maartenba

.dockerignore

@@ -0,0 +1,33 @@
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/.idea
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/azds.yaml
+**/bin
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+
+**/.devcontainer
+**/.fleet
+**/.husky
+**/.run
+**/.space
+**/dist
+docker-compose*.yml
+Dockerfile*
+LICENSE
+LICENSE-CODE
+README.md
+redirect.conf

Dockerfile

@@ -0,0 +1,29 @@
+FROM node:22-alpine AS builder
+EXPOSE 80
+
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm install --no-cache
+COPY . .
+RUN ./build.sh
+
+
+FROM nginx:stable-alpine AS final
+
+COPY deployment/nginx.conf /etc/nginx/nginx.conf
+COPY deployment/default.conf /etc/nginx/conf.d/default.conf
+COPY --from=builder --chown=nginx:nginx /app/root/redirect.conf /etc/nginx/extra/redirect.conf
+
+RUN rm -rf /usr/share/nginx/html/*
+COPY --from=builder --chown=nginx:nginx /app/root/ /usr/share/nginx/html/
+RUN rm -rf /usr/share/nginx/html/redirect.conf
+
+RUN mkdir -p /var/cache/nginx
+
+RUN chown -R nginx:nginx /var/cache/nginx
+RUN touch /var/run/nginx.pid && \
+        chown -R nginx:nginx /var/run/nginx.pid
+
+USER nginx
+
+WORKDIR /usr/share/nginx/html

deployment/default.conf

@@ -0,0 +1,20 @@
+server {
+    listen       80;
+    listen  [::]:80;
+    server_name  localhost;
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+    }
+    include /etc/nginx/extra/*.conf;
+
+    error_page 404 /404.html;
+    location = /404.html {
+        root   /usr/share/nginx/html;
+    }
+
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+}

deployment/nginx.conf

@@ -0,0 +1,31 @@
+user  nginx;
+worker_processes  auto;
+
+error_log  /var/log/nginx/error.log notice;
+pid        /var/run/nginx.pid;
+
+
+events {
+    worker_connections  1024;
+}
+
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    gzip  on;
+
+    include /etc/nginx/conf.d/*.conf;
+}

src/plugins/static-redirects.ts

@@ -3,7 +3,21 @@ import type { AstroConfig, AstroIntegrationLogger } from "astro";
 import path from "node:path";
 import fs from "node:fs/promises";
 
-let configJson = { routes: [] };
+function createNginxRule(redirectFrom: string, redirectTo: string) {
+  if (redirectFrom.endsWith("/")) {
+    redirectFrom = redirectFrom.slice(0, -1);
+  }
+
+  return (
+    "rewrite ^" +
+    redirectFrom +
+    "(/?)$ $scheme://$http_host" +
+    redirectTo +
+    "/ permanent;\n"
+  );
+}
+
+let nginxRedirectRules = "";
 
 export async function configurePlugin(hookOptions: any) {
   const buildOutput: string = hookOptions.buildOutput;
@@ -12,61 +26,27 @@ export async function configurePlugin(hookOptions: any) {
 
   if (buildOutput !== "static") {
     logger.warn(
-      `Skip generating static redirects file: not compatible with '${buildOutput}' builds, only 'static' is supported.`,
+      `Skip generating static redirects: not compatible with '${buildOutput}' builds, only 'static' is supported.`,
     );
     return;
   }
 
   // Find redirects
   const redirects = config.redirects;
   if (!Object.keys(redirects).length) {
-    logger.warn("Skip generating static redirects file: no redirects found.");
+    logger.warn("Skip generating static redirects: no redirects found.");
     return;
   }
 
-  // Load existing staticwebapp.config.json
-  const configSourcePath = path.join(
-    url.fileURLToPath(config.srcDir),
-    "staticwebapp.config.json",
-  );
-
-  try {
-    configJson = JSON.parse(
-      await fs.readFile(configSourcePath, {
-        encoding: "utf-8",
-      }),
-    );
-
-    if (!configJson.routes) {
-      configJson.routes = [];
-    }
-  } catch {
-    logger.debug(
-      `Skip load existing config file: '${configSourcePath}' not found.`,
-    );
-  }
-
   // Add redirects
   logger.info("Generating static redirects file...");
   Object.keys(redirects).forEach((from) => {
     const redirect = redirects[from];
 
     if (typeof redirect === "string") {
-      // @ts-ignore
-      configJson.routes.push({
-        route: from,
-        methods: ["GET"],
-        redirect: redirect,
-        statusCode: 301,
-      });
+      nginxRedirectRules += createNginxRule(from, redirect);
     } else {
-      // @ts-ignore
-      configJson.routes.push({
-        route: from,
-        methods: ["GET"],
-        redirect: redirect.destination,
-        statusCode: redirect.status,
-      });
+      nginxRedirectRules += createNginxRule(from, redirect.destination);
     }
   });
 }
@@ -75,25 +55,20 @@ export async function writeToOutput(hookOptions: any) {
   const outDir: string = hookOptions.dir;
   const logger: AstroIntegrationLogger = hookOptions.logger;
 
-  if (!configJson || !configJson.routes.length) {
+  if (!nginxRedirectRules || !nginxRedirectRules.length) {
     logger.warn(
       `Skip generating static redirects file: no redirects were generated.`,
     );
     return;
   }
 
-  // Write staticwebapp.config.json
+  // Write redirect.conf
   const configDestinationPath = path.join(
     url.fileURLToPath(outDir),
-    "staticwebapp.config.json",
-  );
-  await fs.writeFile(
-    configDestinationPath,
-    JSON.stringify(configJson, null, 2),
-  );
-  logger.info(
-    `Generated static redirects file: ${configDestinationPath} (${configJson.routes.length} redirects)`,
+    "redirect.conf",
   );
+  await fs.writeFile(configDestinationPath, nginxRedirectRules);
+  logger.info(`Generated static redirects file: ${configDestinationPath}`);
 }
 
 export default function staticRedirects() {