update frontendsupport domain from frontendrescue.scot to frontendrescue.com in meta tags, prerender script, and cutover documentation, remove SSR rendering from prerender script to generate static HTML with meta tags only

Author: dagda1

apps/frontendsupport/index.html

@@ -13,13 +13,13 @@
     <meta property="twitter:card" content="summary_large_image" />
     <meta property="twitter:site" content="@dagda1" />
     <meta name="author" content="Paul Cowan" />
-    <meta property="og:url" content="https://frontendrescue.scot" />
+    <meta property="og:url" content="https://frontendrescue.com" />
     <meta property="og:description" content="Performance-first frontend." />
     <meta property="og:image" content="https://res.cloudinary.com/ddospxsc8/image/upload/w_1000,ar_16:9,c_fill,g_auto,e_sharpen/v1767264044/rescue_dieu8h.png" />
     <meta property="og:title" content="Frontend Rescue" />
     <meta property="og:image:alt" content="Frontend Rescue" />
     <meta name="twitter:title" content="Frontend Rescue" />
-    <meta name="twitter:url" content="https://frontendrescue.scot" />
+    <meta name="twitter:url" content="https://frontendrescue.com" />
     <meta name="twitter:description" content="Performance-first frontend." />
     <meta name="twitter:image:src" content="https://res.cloudinary.com/ddospxsc8/image/upload/w_1000,ar_16:9,c_fill,g_auto,e_sharpen/v1767264044/rescue_dieu8h.png" />
     <link

apps/frontendsupport/scripts/prerender.mts

@@ -1,13 +1,11 @@
 import { mkdir, readFile, writeFile } from 'fs/promises';
 import { dirname, join } from 'path';
 import { fileURLToPath } from 'url';
-import { createServer } from 'vite';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
-const root = join(__dirname, '..');
-const clientDir = join(root, 'dist/client');
+const clientDir = join(__dirname, '../dist/client');
 
-const BASE_URL = 'https://frontendrescue.scot';
+const BASE_URL = 'https://frontendrescue.com';
 
 const DEFAULT_META = {
   title: 'Frontend Rescue',
@@ -37,52 +35,42 @@ function setMeta(html: string, key: string, value: string): string {
 }
 
 async function prerender(): Promise<void> {
-  const vite = await createServer({ root, appType: 'custom', server: { middlewareMode: true } });
-
-  try {
-    const { render } = (await vite.ssrLoadModule('/src/entry-server.tsx')) as { render: (url: string) => string };
-    const template = await readFile(join(clientDir, 'index.html'), 'utf-8');
-
-    const routeMeta = new Map<string, Meta>(STATIC_ROUTES.map((route) => [route, DEFAULT_META]));
-    for (const post of await posts()) {
-      routeMeta.set(`/posts/${post.slug}`, {
-        title: post.title,
-        description: post.description || DEFAULT_META.description,
-        image: `${BASE_URL}/og/${post.slug}.png`,
-      });
-    }
-
-    for (const [route, meta] of routeMeta) {
-      const appHtml = render(route);
-      const values: Record<string, string> = {
-        'og:url': `${BASE_URL}${route}`,
-        'twitter:url': `${BASE_URL}${route}`,
-        'og:title': meta.title,
-        'og:image:alt': meta.title,
-        'twitter:title': meta.title,
-        'og:description': meta.description,
-        'twitter:description': meta.description,
-        'og:image': meta.image,
-        'twitter:image:src': meta.image,
-      };
-
-      let html = template;
-      for (const [key, value] of Object.entries(values)) {
-        html = setMeta(html, key, value);
-      }
-      html = html
-        .replace(/<title>[^<]*<\/title>/, `<title>${meta.title}</title>`)
-        .replace('<!--app-html-->', appHtml);
+  const template = await readFile(join(clientDir, 'index.html'), 'utf-8');
+
+  const routeMeta = new Map<string, Meta>(STATIC_ROUTES.map((route) => [route, DEFAULT_META]));
+  for (const post of await posts()) {
+    routeMeta.set(`/posts/${post.slug}`, {
+      title: post.title,
+      description: post.description || DEFAULT_META.description,
+      image: `${BASE_URL}/og/${post.slug}.png`,
+    });
+  }
 
-      const target = outputPath(route);
-      await mkdir(dirname(target), { recursive: true });
-      await writeFile(target, html, 'utf-8');
+  for (const [route, meta] of routeMeta) {
+    const values: Record<string, string> = {
+      'og:url': `${BASE_URL}${route}`,
+      'twitter:url': `${BASE_URL}${route}`,
+      'og:title': meta.title,
+      'og:image:alt': meta.title,
+      'twitter:title': meta.title,
+      'og:description': meta.description,
+      'twitter:description': meta.description,
+      'og:image': meta.image,
+      'twitter:image:src': meta.image,
+    };
+
+    let html = template;
+    for (const [key, value] of Object.entries(values)) {
+      html = setMeta(html, key, value);
     }
+    html = html.replace(/<title>[^<]*<\/title>/, `<title>${meta.title}</title>`);
 
-    console.log(`Pre-rendered ${routeMeta.size} routes`);
-  } finally {
-    await vite.close();
+    const target = outputPath(route);
+    await mkdir(dirname(target), { recursive: true });
+    await writeFile(target, html, 'utf-8');
   }
+
+  console.log(`Pre-rendered ${routeMeta.size} routes (head meta only)`);
 }
 
 prerender().catch((error) => {

apps/frontendsupport/terraform/CUTOVER.md

@@ -64,8 +64,8 @@ Then the ALB, its listener and target group, and the two security groups (`front
 ## 5. Verify
 
 ```
-curl -I https://frontendrescue.scot
-curl -s https://frontendrescue.scot/about | grep -o '<title>[^<]*</title>'
+curl -I https://frontendrescue.com
+curl -s https://frontendrescue.com/about | grep -o '<title>[^<]*</title>'
 ```
 
 Both should return 200 / the prerendered page.