The Svelte 5 SSG migration—we brought sexy back... or to it? Or something...

src/routes/+layout.svelte

@@ -0,0 +1,141 @@
+<script lang="ts">
+    import { page } from '$app/state';
+    import { mergeMeta, SEO_DEFAULTS } from '$lib/seo';
+    import { homeMeta } from '$lib/data/home-meta';
+
+    import '../app.css';
+
+    let { children } = $props();
+
+    const meta = $derived(page.data?.meta ?? homeMeta);
+    const path = $derived(page.url?.pathname ?? '/');
+    const merged = $derived(mergeMeta(meta, path));
+
+    const jsonLdScript = $derived(
+        merged.jsonLdGraph.length > 0
+            ? JSON.stringify({
+                  '@context': 'https://schema.org',
+                  '@graph': merged.jsonLdGraph,
+              })
+            : '',
+    );
+    const jsonLdHtml = $derived(
+        jsonLdScript
+            ? '<script type="application/ld+json">' + jsonLdScript + '</scr' + 'ipt>'
+            : '',
+    );
+</script>
+
+<svelte:head>
+    <title>{merged.title}</title>
+    <meta name="description" content={merged.description ?? ''} />
+    <link rel="canonical" href={merged.canonical} />
+
+    <link
+        rel="preload"
+        href="/assets/fonts/fraunces-v38-latin-600.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+    <link
+        rel="preload"
+        href="/assets/fonts/fraunces-v38-latin-700.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+    <link
+        rel="preload"
+        href="/assets/fonts/inter-v20-latin-regular.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+    <link
+        rel="preload"
+        href="/assets/fonts/inter-v20-latin-italic.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+    <link
+        rel="preload"
+        href="/assets/fonts/inter-v20-latin-500.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+    <link
+        rel="preload"
+        href="/assets/fonts/inter-v20-latin-600.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+    <link
+        rel="preload"
+        href="/assets/fonts/inter-v20-latin-700.woff2"
+        as="font"
+        type="font/woff2"
+        crossorigin="anonymous"
+    />
+
+    <meta
+        name="robots"
+        content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"
+    />
+    <meta name="author" content="Mike Fitzpatrick" />
+    <meta name="geo.region" content="US-MA" />
+    <meta name="geo.placename" content="Boston" />
+    <meta name="geo.position" content="42.360082;-71.058880" />
+    <meta name="ICBM" content="42.360082, -71.058880" />
+
+    <meta
+        name="theme-color"
+        content={SEO_DEFAULTS.themeColorLight}
+        media="(prefers-color-scheme: light)"
+    />
+    <meta
+        name="theme-color"
+        content={SEO_DEFAULTS.themeColorDark}
+        media="(prefers-color-scheme: dark)"
+    />
+
+    <meta property="og:type" content={merged.ogType ?? 'website'} />
+    <meta property="og:url" content={merged.canonical} />
+    <meta property="og:site_name" content={SEO_DEFAULTS.siteName} />
+    <meta property="og:title" content={merged.twitterTitle ?? merged.title} />
+    <meta
+        property="og:description"
+        content={merged.twitterDescription ?? merged.description ?? ''}
+    />
+    <meta property="og:image" content={merged.ogImage} />
+    <meta property="og:image:width" content={String(SEO_DEFAULTS.ogImageWidth)} />
+    <meta property="og:image:height" content={String(SEO_DEFAULTS.ogImageHeight)} />
+    <meta property="og:image:alt" content={merged.ogImageAlt} />
+    <meta property="og:locale" content={SEO_DEFAULTS.locale} />
+
+    <meta name="twitter:card" content={SEO_DEFAULTS.twitterCard} />
+    <meta name="twitter:url" content={merged.canonical} />
+    <meta name="twitter:title" content={merged.twitterTitle ?? merged.title} />
+    <meta
+        name="twitter:description"
+        content={merged.twitterDescription ?? merged.description ?? ''}
+    />
+    <meta name="twitter:image" content={merged.ogImage} />
+    <meta name="twitter:image:alt" content={merged.ogImageAlt} />
+
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" href="/favicon.svg" />
+
+    {#if jsonLdHtml}
+        {@html jsonLdHtml}
+    {/if}
+
+    <script src="/assets/scripts/copyright-year.js" defer></script>
+</svelte:head>
+
+<a href="#main" class="skip-link">Skip to main content</a>
+{@render children()}

src/routes/+layout.ts

@@ -0,0 +1,3 @@
+export const prerender = true;
+export const ssr = true;
+export const csr = false;

src/routes/+page.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+    import Hero from '$lib/components/Hero.svelte';
+    import ExperienceSection from '$lib/components/ExperienceSection.svelte';
+    import WhatWeDo from '$lib/components/WhatWeDo.svelte';
+    import ImpactSection from '$lib/components/ImpactSection.svelte';
+    import HowWeWork from '$lib/components/HowWeWork.svelte';
+    import EngagementsSection from '$lib/components/EngagementsSection.svelte';
+    import ScheduleSection from '$lib/components/ScheduleSection.svelte';
+    import Footer from '$lib/components/Footer.svelte';
+</script>
+
+<Hero />
+<main id="main">
+    <ExperienceSection />
+    <WhatWeDo />
+    <ImpactSection />
+    <HowWeWork />
+    <EngagementsSection />
+    <ScheduleSection />
+</main>
+<Footer />

src/routes/+page.ts

@@ -0,0 +1,6 @@
+import type { PageLoad } from './$types';
+import { homeMeta } from '$lib/data/home-meta';
+
+export const load: PageLoad = () => {
+  return { meta: homeMeta };
+};