Fix OG image URL by serving from a stable public/ path

The content-hashed _astro/ path becomes stale whenever the image changes,
breaking cached social crawls. Serve from public/og-image.png for a
predictable URL, and add 301 redirects to recover any stale cached paths.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: SableRaf

netlify.toml

@@ -4,4 +4,14 @@
   publish = "dist"
 
 [build.environment]
-  DEPLOY_TARGET = "netlify"
+  DEPLOY_TARGET = "netlify"
+
+[[redirects]]
+  from = "/_astro/og-image*"
+  to = "/og-image.png"
+  status = 301
+
+[[redirects]]
+  from = "/_astro/PCD2026_og-image_tinyfied*"
+  to = "/og-image.png"
+  status = 301

pcd-website/public/og-image.png

@@ -3,8 +3,6 @@ import { loadNodes, canonicalEventId } from '../../lib/nodes';
 import type { Node } from '../../lib/nodes';
 import MapView from '../../components/MapView.vue';
 import '../../styles/global.css';
-import { getImage } from 'astro:assets';
-import ogImageSrc from '../../images/PCD2026_og-image_tinyfied.png';
 
 export async function getStaticPaths() {
   const nodes = await loadNodes();
@@ -31,9 +29,7 @@ const canonicalId = canonicalEventId(node);
 const canonicalUrl = `${siteUrl}${base}/event/${canonicalId}/`;
 const redirectUrl = redirectTo ? `${base}/event/${redirectTo}/` : null;
 
-const ogImageUrl = redirectUrl
-  ? ''
-  : `${siteUrl}${(await getImage({ src: ogImageSrc, format: 'jpeg', quality: 85 })).src}`;
+const ogImageUrl = redirectUrl ? '' : `${siteUrl}${base}/og-image.png`;
 const title = `${node.event_name} — Processing Community Day 2026`;
 const locationLabel = node.city || 'your city';
 const description = node.event_short_description || node.details_text.slice(0, 200).trimEnd() || `Join the global celebration at Processing Community Day 2026 in ${locationLabel}. Find your local event on the map, or start a PCD in your community.`;

pcd-website/src/pages/event/[id].astro

@@ -8,11 +8,9 @@ import ogImageSrc from '../images/PCD2026_og-image_tinyfied.png';
 const nodes = await loadNodes();
 
 const siteUrl = Astro.site ? Astro.site.href.replace(/\/$/, '') : '';
-const [ogImage, bannerImage] = await Promise.all([
-  getImage({ src: ogImageSrc, format: 'jpeg', quality: 85 }),
-  getImage({ src: ogImageSrc, format: 'webp', quality: 80, width: 960 }),
-]);
-const ogImageUrl = `${siteUrl}${ogImage.src}`;
+const base = import.meta.env.BASE_URL.replace(/\/$/, '');
+const bannerImage = await getImage({ src: ogImageSrc, format: 'webp', quality: 80, width: 960 });
+const ogImageUrl = `${siteUrl}${base}/og-image.png`;
 const pageUrl = Astro.url.href;
 ---