GitHub
OneSource Marketing Site
The public-facing marketing site for OneSource — Next.js with headless WordPress CMS via GraphQL, 20+ custom page blocks, Lottie animations, and the OneSource design token system. SEO-optimized, statically generated, with full content autonomy for the marketing team.
Next.js
TypeScript
WordPress GraphQL
Lottie
Chakra UI
Overview
The public-facing marketing site for OneSource — built with Next.js and a headless WordPress CMS connected via GraphQL. The site features a custom block system with 20+ component types, Lottie animations, and the OneSource design token system. The content team publishes pages, blog posts, and documentation through WordPress, and the site renders them as fully styled, SEO-optimized React pages.
Animations
Homepage Hero Animation
Solutions Page Animation
Blog Page Animation
Screenshots
Homepage — Blockchain Data, Simplified
Features
WordPress GraphQL CMS
Headless WordPress backend with GraphQL API. Custom Gutenberg blocks translate to React components — the content team publishes, the site renders.
Custom Block System
20+ custom page blocks: hero sections, card grids, capability showcases, pricing tables, carousels, and accordions. Each block is a self-contained React component.
SEO & Performance
Server-rendered pages with structured metadata, Open Graph tags, and dynamic sitemaps. Statically generated at build time for instant loads.
Responsive Design
Mobile-first layout system with the OneSource design token system — Data Green (#19DFAE) accent, dark mode, and Lottie animations throughout.
Stack
Next.js
TypeScript
WordPress GraphQL
Chakra UI
Framer Motion
Lottie
Apollo Client