What we built
This is the third major version of the Metawork website. We ditched Webflow entirely and rebuilt from scratch in Astro — a static site generator that gives us full control over content, components, and deployment.
The migration touched every part of the site:
- Services architecture — HubSpot and Make service pages with dedicated layouts, 18 stub pages for sub-services, and a master-detail tools directory in the footer
- Case studies — promoted 29 projects to featured status, built a new
BuiltAreasBlockcomponent for rich "What we built" sections, and restructured the project-row layout - Testimonials — pulled from our docs system, displayed with partner badges, translated to German, and given standalone
/testimonialspages - About Us — complete rewrite with "In the last 6 months, we…" throughput tiles showing real stats, Our Tools section, and platform-accent colors
- Stats pipeline — automated sync from our docs
_stats.jsonthat powers the throughput tiles with deduplicated meeting, Loom, and scenario counts
The dev experience was a priority. We built an inline copy editor that only appears in dev mode — click any text block to edit, and it auto-commits and pushes on save. No more context-switching to markdown files.
Tech stack
- Astro — static site generation with component islands
- GitLab — CI/CD/Hosting
- Markdown — type-safe frontmatter via
CONTENT-FORMATS.mddata contracts - Stats sync — JSON pipeline from internal docs to site components
Recently touched
- 2026-07-06 Create AI integrations service page; add milestones/features in project tracker — assigned to Alex Open
- 2026-07-06 Blog Posts (will update) Open
- 2026-07-06 Create Pipedrive AI integration page In Progress
- 2026-07-06 Launch paid ads for Metapipe & Metahub products In Progress
- 2026-07-06 Update Finanzapp project description with app screenshots Open
Other projects in this case study
Brain
Metawork Brain is the internal operating system we use to run the agency — and it's built as an MCP server, which means Claude and other AI assistants can directly query our brains. Every client…
Read case studyMetaBot
MetaBot is the web product at metawork.studio/bot — a Pipedrive setup and configuration assistant. It runs the onboarding interview, walks visitors through setup and design decisions, and drives the…
Read case study