Case studyClient · marketing siteVia Sollas
ppc.io
- My role
- Front-end developer: design to Astro and React, then new sections, tool pages and animations
- Timeline
- 2024–2026 · ~22 months
- Stack
- Astro · React · TypeScript · Tailwind CSS · MDX · Cloudflare Workers
Brief
The agency needed a site that sells its services and a free-tools library that collects email leads. I ran the front end solo for ~22 months: two home page rebuilds, 96 tool pages from one template, the content moved from Strapi into the Astro repo, and the library grew from 19 to about 78 tools.
ppc.io is a paid-search (PPC) agency. Its library holds free tools, prompts and AI agents behind an email signup.
What I did
I turned the design into Astro components and sections: the home page, pricing, agents and toolkit pages. I rebuilt the home page twice, in 2025 and 2026, and built the agents and toolkit pages with search, filtering, pagination and scroll animations.
I migrated the content from Strapi to in-repo MDX collections validated by Zod, which removed the external CMS and sped up builds. Around that move the free-tools library grew from 19 to about 78 tools, gated behind an email signup, and I built the tool pages and card components.
Highlights
Searchable toolkit grid
A React island inside static Astro pages: search, category tabs, filtering and pagination over the tools and agents collections.
Animated sections
Scroll-triggered GSAP and Lottie animations and Swiper carousels, built to keep static pages fast.
Strapi → content collections
I migrated the content from Strapi to typed Astro collections: no external CMS to run, faster builds, and a bad entry fails the build.
Outcome
- Front-end in my hands
- ~22 mo
- Tool pages on one template
- 96
- Home page rebuilds
- 2