Benchlab: CMS-Driven Marketing Website
Marketing website built with Next.js, Sanity CMS, and GSAP, focused on content flexibility, maintainability, and a clean implementation of a CMS-driven architecture.
Frontend & CMS
Project Overview
A marketing and product website for an edtech platform, implemented using Next.js, Sanity CMS, and GSAP.
The project is built around a content-driven approach, where marketing pages and blog content are fully managed through the CMS.
It focuses on creating a flexible system that allows non-technical users to update content safely, while maintaining consistency across the site through reusable components.
The Challenges
Setting up a CMS structure that allowed non-technical users to manage both marketing pages and blog content without breaking layout consistency.
Defining clear content models in Sanity and mapping them to reusable components in Next.js to ensure a scalable and maintainable architecture.
Integrating GSAP animations in a controlled way, enhancing the UI without impacting performance or adding unnecessary complexity.
"A CMS-driven implementation focused on maintainability, where structured content models and reusable components ensure consistency across pages while allowing non-technical users to manage content safely."
Key Features
Sanity CMS Integration
Custom content schemas designed to allow flexible editing while preserving layout consistency.
Dynamic Pages & Blog
Marketing pages and blog content fully powered by the CMS for easy updates and scalability.
Reusable Component Architecture
Components built to map directly to CMS data, ensuring consistent rendering across the site.
GSAP Animations
Subtle animations applied to key UI sections to improve user experience without overuse.
Static-First Performance
Leveraging static generation to ensure fast load times and a smooth browsing experience.
Tech Stack
Frontend Framework
Next.js
Headless CMS
Sanity
Animations
GSAP
Styling
Tailwind / CSS
Role
Frontend Developer
Timeline
4 months · Completed
Selected Work