
ART - F4
Date
In progress...
Visit
Technology
Next.js, TypeScript, GSAP, Shopify Storefront (API), Shopify, Headless CMS (Storyblok), Zustand, React, Lenis
Links
In progress... Modern e-commerce with headless Shopify Storefront API and custom Frontend. This project is a visually rich, high‑performance e‑commerce web experience for ART‑F4. It showcases modern frontend engineering centered on animation, content‑driven storytelling, and a clean architecture that scales. I focused on production‑ready performance, accessibility, and an editor‑friendly workflow via a headless CMS, while integrating Shopify Storefront logic
Key Features & Technical Highlights:
- Advanced Animation & Interaction: The core of the site is its sophisticated animation system. It leverages the GreenSock Animation Platform (GSAP) alongside ScrollTrigger to create immersive, scroll-based interactions, parallax effects, and UI animations.
- Headless CMS: Storyblok for content management
- E‑commerce Integration: Shopify Storefront is integrated for product data, cart operations, and customer flows. The app supports dynamic product pages by handle, storefront queries/mutations.
- Modern, Performant Tech Stack: Built on Next.js App Router and React, the project defaults to React Server Components for lean client bundles, streaming, and server‑side data fetching.
