ART - F4

ART - F4

Date
In progress...
Technology
Next.js, TypeScript, GSAP, Shopify Storefront (API), Shopify, Headless CMS (Storyblok), Zustand, React, Lenis

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 powers content with a visual editor, rich‑text rendering, and preview/draft support.
  • 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 15 App Router and React 19, the project defaults to React Server Components for lean client bundles, streaming, and server‑side data fetching.
ART - F4