Volver a Proyectos
En desarrollo
DemoPrivado
Next.jsReactTypeScriptTailwind CSSRadix UIFirebase2026

Tienda FV

Vitrina de e-commerce centrada en un producto real (camiseta retro Colombia Italia 90): inicio, catálogo con búsqueda/filtros, ficha, carrito en localStorage y checkout sin cobro. Reutiliza el stack de Starcrypt (Next.js 16, Tailwind 4, Radix/CVA) con tema oscuro y Analytics. El catálogo demo está en src/data/products.ts; Firebase queda listo para cuando el inventario deje de ser estático.

Ver Demo

Capturas del Proyecto

Tienda FV — vista previa

1 / 8

Qué aprendí

  • Separar una tienda simple del marketplace Starcrypt sin copiar el dominio de pagos
  • Carrito solo en cliente (localStorage) mientras el catálogo sigue siendo estático
  • Armar ficha y catálogo con Radix + CVA sin inventar otro design system

Detalles Técnicos

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