feat: pre-render site to static HTML at build time (SSG)

[andimrob]

Summary

• Add a post-build prerender step that generates fully-formed HTML using renderToString, so crawlers see real content instead of an empty <div id="root"></div>
• Switch client entry from createRoot to hydrateRoot so the browser hydrates the pre-rendered markup into an interactive SPA
• Prevent dark-to-light FOUC with an inline theme detection script that runs before first paint

Changes

New files

• src/entry-server.tsx — SSR render function exporting render() via renderToString
• scripts/prerender.js — post-build script using Vite's ssrLoadModule to render the app and inject HTML into the build output

Modified files

• src/main.tsx — createRoot().render() → hydrateRoot()
• src/hooks/useTheme.ts — guard useState initializer for SSR (typeof window === 'undefined' → "dark")
• src/hooks/useTypewriter.ts — render full text on server for SEO, empty string on client for animation
• src/components/Hero.tsx — suppressHydrationWarning on typewriter span (SSR has full text, client starts empty)
• index.html — add dark class default + inline FOUC-prevention script
• package.json — build script adds && node scripts/prerender.js
• eslint.config.js — add scripts/ to ignores (Node.js build tooling)

Test plan

• pnpm run build — tsc + vite build + prerender all pass
• pnpm run typecheck — passes
• pnpm vitest run — 3 tests pass
• pnpm run lint — 0 errors
• pnpm run format:check — all files formatted
• Inspected public/index.html — <div id="root"> contains rendered HTML ("Robert Blakey", nav, sections)
• pnpm run preview — visual check that hydration works, typewriter animates, theme toggle works

Closes #39

🤖 Generated with Claude Code

---

Summary by cubic

Pre-render the site to static HTML at build so crawlers see real content, then hydrate on the client for an interactive SPA. Also prevents dark-to-light FOUC on first paint with a before-paint theme script.

• New Features

  • Post-build prerender using Vite ssrLoadModule to inject rendered HTML into public/index.html.
  • New SSR entry point exporting render() with renderToString.
  • Switched client bootstrap from createRoot to hydrateRoot.

• Bug Fixes

  • Made theme and typewriter hooks SSR-safe (server defaults, full text for SEO).
  • index.html sets a default dark class and runs a pre-paint script that reads localStorage or prefers-color-scheme to toggle the theme (no FOUC).

^{Written for commit a897e35. Summary will update on new commits.}

[netlify]

✅ Deploy Preview for symphonious-blancmange-7aafce ready!

Name	Link
🔨 Latest commit	a897e35
🔍 Latest deploy log	https://app.netlify.com/projects/symphonious-blancmange-7aafce/deploys/699f5603b654c60008fb25a6
😎 Deploy Preview	https://deploy-preview-42--symphonious-blancmange-7aafce.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[cubic-dev-ai]

No issues found across 9 files