chila.ink
Tienda online de arte hecho a mano: remeras, tote bags, sketchbooks y stickers de edición limitada.
Hero section
Shop
Shopping Cart
Product detail page
Hero section
Shop
Shopping Cart
Product detail page
chila.ink es una tienda online, donde el arte hecho a mano se transforma en productos cotidianos y se vende directamente: remeras oversize, tote bags, sketchbooks/libretas y stickers. En lugar de una tienda de plantilla genérica, el sitio está construido como una tienda esbelta y centrada en el producto, con una comunicación personal y en español.
El producto está pensado para personas que buscan diseños hechos a mano y de edición limitada en lugar de productos de fabricación masiva. El núcleo de la tienda es el proceso de compra completo, desde la vista de productos hasta el pago, además de un contacto directo y sencillo con la marca a través de redes sociales en lugar de un formulario de contacto clásico.
Funciones principales
- Cuatro categorías de producto: Remeras, Tote Bags, Booklets y Stickers, cada una con su propia colección y una breve descripción evocadora
- Lógica de orden y filtro: los productos se pueden ordenar por colección o por precio
- Checkout directo: proceso de compra completo, incluido el pago, directamente en la tienda
- Canales de contacto directo: WhatsApp e Instagram en lugar de formulario de contacto, enlazados en todo el sitio
- Bilingüe: cambio entre español y otras versiones de idioma del sitio
Tecnología
Desarrollé el sitio completo con TanStack Start → framework full-stack de React.
- Full-stack con TanStack Start: renderizado en el servidor y enrutamiento de las colecciones de productos sobre una única base de código
- Funciones del lado del servidor: la lógica de la tienda y de los pedidos corre sobre las server functions propias de TanStack Start, sin un backend separado
- Integración con Stripe: flujo de checkout completo, desde el pago hasta la confirmación del pedido, conectado directamente a Stripe