alecfoster.com

Personal website for Alec Foster — Chief Agent Architect & Responsible AI Lead at the Marketing + Media Alliance.

Stack

• Astro 5 — content-first framework, MDX, islands architecture
• Tailwind 4 — styling, plus CSS variables for theme
• React — only for the homepage agent swarm (single island)
• Vercel — hosting + analytics
• GitHub — source of truth, auto-deploy on push to main

Local dev

npm install
npm run dev    # http://localhost:4321

Authoring

All content lives in src/content/ as MDX with frontmatter.

src/content/
├── posts/       # short/medium blog posts
├── guides/      # long-form evergreen how-tos
├── essays/      # academic-style essays
├── resources/   # shippable artifacts (skills, repos, downloads)
└── speaking/    # past talks

Add a new post: drop src/content/posts/2026-05-12-slug.mdx with frontmatter, commit, push. Vercel auto-deploys.

Design

See docs/superpowers/specs/2026-05-11-personal-website-design.md for the full design spec.