Nextzy - Minimal Ecommerce Store with Next.js

This is a clone of the Yeezy store built with Next.js, Tailwind CSS, shadcn/ui, and Motion.

Product images were generated with Midjourney.

CleanShot.2024-12-29.at.14.56.21.mp4

Features

• Animations (with Motion) when transitioning between states
• URL updates when viewing products or returning to the list
• Navigation works with browser back button and esc key
• Proper viewport sizing for all devices (including iOS Safari)

Credit

• yeezy.com for design and inspiration
• @mds
• @moore

Performance

Other Resources

• Want to hook up the cart to Shopify with optimistic UI? Check out Next.js Commerce.
• Want to hook up the cart to Stripe? Check out my SaaS Starter.