Back to Projects
In development
DemoPrivate
Next.jsReactTypeScriptTailwind CSSRadix UIFirebase2026

FV Store

An e-commerce storefront built around a real product (Colombia Italia 90 retro jersey): home, searchable/filterable catalog, product page, localStorage cart, and checkout without charging. Reuses the Starcrypt stack (Next.js 16, Tailwind 4, Radix/CVA) with a dark theme and Analytics. Demo catalog lives in src/data/products.ts; Firebase is ready when inventory stops being static.

View Demo

Project Screenshots

FV Store — vista previa

1 / 8

What I learned

  • Split a simple storefront from the Starcrypt marketplace without copying the payments domain
  • Keep the cart client-only (localStorage) while the catalog stays static
  • Build catalog and product pages with Radix + CVA instead of a second design system

Technical Details

  • •Next.js 16 (App Router), React 19, TypeScript
  • •Tailwind CSS 4, next-themes, Lucide
  • •Radix UI (Slot), class-variance-authority
  • •localStorage cart; demo data in src/data/products.ts
  • •Vercel Analytics