Key Outcomes
- Zero → live content in ~1 day
- Contentlayer + MDX for fast authoring
- SEO‑ready: dynamic OG, sitemap, JSON‑LD
- Mobile‑first nav (mega‑menu + previews)
Problem
Stand up a fast, modern website that showcases agentic offerings and case studies, with strong SEO and the flexibility to ship new pages quickly (services, campaigns, and insights).
Approach
Start from a focused Next.js App Router foundation, wire Contentlayer + MDX for content velocity, and ship critical pages: Services (with sub‑offerings), Build vs. Buy, three role‑focused campaign pages, and updated case studies. Keep performance, accessibility, and authoring speed front‑and‑center.
Architecture
- Next.js App Router (RSC) with TypeScript and Tailwind
- Contentlayer + MDX for pages, services, posts, and case studies
- Design tokens (OKLCH) + Tailwind typography for consistent UI
- SEO: dynamic OG images, sitemap/robots, Organization/WebSite JSON‑LD
- Analytics: GA4 + optional Plausible; auto‑tracking for downloads/video
- Hosting: Vercel (native GitHub deploys), preview and production
- Nav: Services mega‑menu (two‑column), Insights mini‑menu
- Home: service hover previews, trust strip, outcomes
Results
- New site structure with three top‑level services: Training, Rapid Prototyping, Agent Consulting
- Sub‑offerings wired as cards and anchors for deep linking
- Build vs. Buy landing with scorecard and payback math
- Campaign pages for CFO/CIO/VP Ops (links with UTMs + custom OG)
- Refreshed case studies (RecipeRX, NocoBids) with anchors and SEO
Stack
- Frameworks: Next.js 14, TypeScript, Tailwind CSS
- Content: Contentlayer + MDX (strict types), Markdown typography
- SEO: next‑sitemap, JSON‑LD helpers, dynamic OG API route
- UI: mega‑menu, ServicesCards, NavLink, glass/tokens system
- CI/CD: GitHub → Vercel (native), preview → prod
Roadmap
- A11y sweep (WCAG), skip links, focus states
- More case studies + OG images per service
- Optional E2E (Playwright) for navigation/SEO regressions
- Expand Insights with technical deep dives