Imoran ai LogoImoran ai Logo

Devakintola store

My official merch store: a custom headless storefront in Next.js wired to Shopify's Storefront API, with GSAP motion and smooth scrolling.

Services

Headless E commerce, Frontend Engineering

Timeline

6 Weeks

Technologies
Next.jsShopify APIGSAPLenisTailwind CSS 4TanStack Query
View Live Project →

main image merch store
01

Introduction

My official merch store: a custom headless storefront in Next.js wired to Shopify's Storefront API, with GSAP motion and smooth scrolling.

02

Work Done

Headless Shopify integration full stack frontend website.

03

Challenges

Combining a powerful shopping system (Shopify) with complex animations (GSAP) without slowing down the website or making the scrolling feel heavy.

04

Solutions

I used a Headless Commerce approach, using the Shopify Storefront API for data and Next.js for the interface. I integrated Lenis for smooth scrolling and GSAP for professional animations to make the site feel premium and kinetic.

05

Results

I successfully launched a lightning fast online store that features smooth motion, automated SEO for every product, and a seamless checkout process that handles everything from search to payment.

06

Details

A headless merch store

For my official merch store I didn't want a stock Shopify theme. I built a headless storefront: a fully custom Next.js frontend wired to Shopify through its Storefront API, so I control every pixel while Shopify handles products, checkout, and orders.

The motion

I like good motion, so I used GSAP for clip-path reveals and staggered product lists, and Lenis for smooth scrolling that feels natural rather than janky. Moving through the store should feel considered, and that's most of what makes a small shop feel legit.

Under the hood

TanStack Query handles data fetching, so product info and cart updates land instantly. I built a dynamic metadata system that generates SEO titles and descriptions for every product and collection automatically, and the site builds its own sitemap and robots.txt by pulling every product handle from Shopify at build time. Animation on top, real full-stack wiring underneath.

Video Showcase

07

Testimonials

This store isn't just a shop; it's an experience. The scrolling is buttery smooth, and the way products reveal themselves makes you want to keep browsing

Akintola Tope A·Self Review
Created by

Tope Akintola

Published

January 14, 2026

Role

Headless E commerce, Frontend Engineering

Share

Let's Work
Together

Hand Reaching

Have a project in mind? We'd love to hear about it. Let's create something great together!

PRODUCT DEVELOPERUI ENGINEERMVP DEVELOPMENTFRONTEND DEVELOPMENTPRODUCT DEVELOPERUI ENGINEERMVP DEVELOPMENTFRONTEND DEVELOPMENTPRODUCT DEVELOPERUI ENGINEERMVP DEVELOPMENTFRONTEND DEVELOPMENT