Creative Agency Website – Headless Shopify + Next.js

Alexander ayuba Preye

Creative Agency Website – Headless Shopify + Next.js

I developed a fast, dynamic website for a creative agency using a headless Shopify setup, built with Next.js, Zustand for state management, and Framer Motion for smooth, engaging animations. The site is fully powered by Shopify’s backend, including dynamic content like videos and navigation menus, which are managed through metaobjects for flexibility and ease of updates.
The project was built from the ground up in just 3 days, and while I'm currently optimizing routing performance in Next.js, the core functionality is robust and scalable. This setup gives the client complete control over content without touching code — perfect for fast-paced, visually-driven brands.
Tech Stack:
Frontend: Next.js, Framer Motion
State Management: Zustand
Backend: Shopify (Headless, Metaobjects)
Content: Fully CMS-driven via Shopify
Like this project
1

Posted May 2, 2025

Built a fast, dynamic site using Headless Shopify, Next.js, Zustand & Framer Motion. Fully CMS-driven with metaobjects for easy video & nav updates.

SFS E-Commerce Store | Shopify Store
SFS E-Commerce Store | Shopify Store
Frontend Development For Personal Project
Frontend Development For Personal Project
Shopify Theme Development
Shopify Theme Development
Web Development For An Agency
Web Development For An Agency