fix(prod): auto-reload on ChunkLoadError or Server Action mismatch

.gitea/workflows/deploy.yml

@@ -167,6 +167,9 @@ jobs:
           sudo rm -rf /opt/hostedtoolcache/CodeQL || true
 
           # Comprehensive Docker purge
+          docker buildx stop || true
+          docker buildx rm -a || true
+          docker rm -fv $(docker ps -aq --filter "ancestor=moby/buildkit") || true
           docker system prune -af --volumes
           docker builder prune -af
           docker buildx prune -af
@@ -241,8 +244,6 @@ jobs:
       DIRECTUS_URL: ${{ needs.prepare.outputs.directus_url }}
       DIRECTUS_HOST: cms.${{ needs.prepare.outputs.traefik_host }}
 
-
-
       # Mail
       MAIL_HOST: ${{ secrets.SMTP_HOST || vars.SMTP_HOST }}
       MAIL_PORT: ${{ secrets.SMTP_PORT || vars.SMTP_PORT || '587' }}

apps/web/app/(site)/error.tsx

@@ -15,6 +15,22 @@ export default function Error({
     // Log the error to Sentry/GlitchTip
     Sentry.captureException(error);
     console.error("Caught in error.tsx:", error);
+
+    // Auto-reload on ChunkLoadError or Server Action errors to fetch the new deployment assets
+    const isChunkLoadError =
+      error.message &&
+      (error.message.includes("ChunkLoadError") ||
+        error.message.includes("Loading chunk") ||
+        error.message.includes("Failed to find Server Action"));
+
+    if (isChunkLoadError) {
+      const lastReload = sessionStorage.getItem("last-chunk-reload");
+      const now = Date.now();
+      if (!lastReload || now - parseInt(lastReload) > 10000) {
+        sessionStorage.setItem("last-chunk-reload", now.toString());
+        window.location.reload();
+      }
+    }
   }, [error]);
 
   return (

apps/web/app/(site)/global-error.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import * as Sentry from "@sentry/nextjs";
-import Error from "next/error";
 import { useEffect } from "react";
 import { Inter, Newsreader } from "next/font/google";
 import "./globals.css";
@@ -23,6 +22,22 @@ export default function GlobalError({
 }) {
   useEffect(() => {
     Sentry.captureException(error);
+
+    // Auto-reload on ChunkLoadError or Server Action errors to fetch the new deployment assets
+    const isChunkLoadError =
+      error.message &&
+      (error.message.includes("ChunkLoadError") ||
+        error.message.includes("Loading chunk") ||
+        error.message.includes("Failed to find Server Action"));
+
+    if (isChunkLoadError) {
+      const lastReload = sessionStorage.getItem("last-chunk-reload");
+      const now = Date.now();
+      if (!lastReload || now - parseInt(lastReload) > 10000) {
+        sessionStorage.setItem("last-chunk-reload", now.toString());
+        window.location.reload();
+      }
+    }
   }, [error]);
 
   return (

apps/web/app/debug-mdx/route.ts

@@ -1,28 +1,23 @@
-import { NextResponse } from "next/server";
+import { NextResponse, NextRequest } from "next/server";
 import { revalidatePath } from "next/cache";
 import fs from "fs";
 import path from "path";
 
-export async function GET() {
+export async function GET(request: NextRequest) {
   try {
-    const POSTS_DIR = path.join(process.cwd(), "content/blog");
-    let files = [];
-    if (fs.existsSync(POSTS_DIR)) {
-      files = fs.readdirSync(POSTS_DIR);
-    }
+    const searchParams = request.nextUrl.searchParams;
+    const pathParam = searchParams.get("path") || "/";
+    const typeParam =
+      (searchParams.get("type") as "page" | "layout") || "layout";
 
-    // Revalidate the two problematic pages
-    revalidatePath("/blog/website-as-a-service");
-    revalidatePath("/blog/zero-overhead-agencies");
-    revalidatePath("/blog"); // also bust the blog list cache
+    // Revalidate the requested path (defaults to entire app via layout)
+    revalidatePath(pathParam, typeParam);
 
     return NextResponse.json({
       success: true,
-      cwd: process.cwd(),
-      postsDir: POSTS_DIR,
-      postsDirExists: fs.existsSync(POSTS_DIR),
-      files: files,
-      message: "Cache revalidated for specific paths",
+      revalidatedPath: pathParam,
+      revalidatedType: typeParam,
+      message: `Cache revalidated for ${pathParam} (${typeParam})`,
     });
   } catch (err: any) {
     return NextResponse.json({ success: false, error: err.message });

apps/web/src/components/ContactForm.tsx

@@ -3,7 +3,7 @@
 import * as React from "react";
 import { useState, useMemo, useEffect, useRef } from "react";
 import { motion } from "framer-motion";
-import * as confetti from "canvas-confetti";
+import confetti from "canvas-confetti";
 import {
   Layers,
   BrainCircuit,