JSON/Markdown data-driven agency website with Splitting.js text animations and ScrollOut scroll effects
A content-rich agency website where all copy, case studies, and service descriptions are authored in Markdown and JSON files, processed at build time by gray-matter and remark. This eliminates the CMS dependency while keeping content editable by non-developers. Splitting.js animates individual characters on headline text; ScrollOut triggers animations as sections enter the viewport.
Next.js 13 Pages Router with getStaticProps reads all content from the filesystem at build time. gray-matter parses YAML frontmatter; remark converts Markdown body to HTML. Swiper powers the testimonial and case-study carousels. Formik handles the contact form with formsubmit.co as the backend. Tawk.to provides the live-chat widget.
SEO-optimised healthcare marketing site with Schema.org structured data and perfect Core Web Vitals
Next.js blog with Hygraph GraphQL, a hand-rolled AST renderer, and AdSense monetisation
Did this resonate?