Saltar al contenido
Volver a los proyectos

Bonsái Artesanía

Tienda web con carrito de productos y envío a domicilio para Ana, una joyera artesana de Vigo

Web en vivo(se abre en una pestaña nueva)Código(se abre en una pestaña nueva)
Primera pantalla de Bonsái Artesanía: sobre fondo crema, el titular en serif «Flores que no se marchitan» a la izquierda y, dentro de un arco, la fotografía de dos pendientes de resina con pétalos naranjas colgando de una rama.
Mi papel
Diseño, desarrollo y despliegue
Año
2026
Estado
En producción

Tienda para una marca de joyería artesanal que vendía únicamente por Instagram. El objetivo era darle un escaparate propio con catálogo, ficha de pieza y pedido, sin la fricción de montar una plataforma de e-commerce completa para un inventario de piezas únicas.

Comparte esqueleto con Sangil Studio pero sin CMS: el catálogo es pequeño y cambia poco, así que el contenido vive en el repositorio y se edita en un fichero. Meter Sanity aquí habría sido añadir una pieza que nadie iba a usar.

Lo que tiene dentro

  1. Sistema de diseño completo en tokens dentro del `@theme` de Tailwind y sólo ahí: no existe forma de usar un color o un espaciado fuera del sistema.

  2. Las apariciones al hacer scroll son CSS puro (`animation-timeline: view()`), sin una línea de JavaScript, y respetan `prefers-reduced-motion`.

  3. Autenticación con NextAuth sobre MongoDB y avisos de pedido por correo con Nodemailer.

Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • MongoDB
  • NextAuth
  • Nodemailer
  • Vercel