Volver a Destacados

Proyecto destacado

Marlow

Tienda ready-to-wear, con caja de invitado y mostrador

Marlow es una tienda pequeña de ropa ready-to-wear. El suelo público enseña cada pieza con su tela, cómo cuidarla y cómo viste, en dólares. La bolsa vive en un cajón. El checkout es una sola página: contacto, envío o recogida, y forma de pago. Un invitado puede comprar. Una cuenta de Neon Auth guarda los pedidos de esa persona. El mostrador en /desk mueve los pedidos y corrige el stock. El dueño, en /owner, pone precios, tallas y colores.

Marlow
Año
2026
Rol
Full-stack
Plataforma
Angular 22 SSR · Neon Auth
Datos
Neon Postgres

El problema

Una tienda con piezas de 89 a 420 dólares tiene que verse a la altura de la prenda, pasar del suelo a la bolsa en pocos pasos en el móvil, y dejar que el personal trabaje el pedido del día aparte del catálogo. El cobro es en tienda, por transferencia o en efectivo al llegar. La sesión tiene que seguir viva después de un despliegue. El navegador no guarda la cookie de Neon Auth cuando la pone otro dominio, así que la tienda pone la suya.

La solución

Angular 22 pinta el suelo, la ficha y el atelier en el servidor. La bolsa, el checkout, la cuenta y el mostrador se pintan en el navegador. Los precios son céntimos enteros. El envío cuesta 8 dólares y sale gratis desde 200. Recoger en tienda no guarda dirección, y ese pedido sigue su camino: en preparación, listo, recogido. Pagar en tienda solo aparece si se recoge. El efectivo al llegar solo aparece si se envía. Neon Auth se usa desde el dominio de la tienda. La sesión de la tienda es un token firmado con una clave derivada de la base de datos, así que un reinicio la conserva. El navegador no recibe la cadena de conexión. El correo sale del servidor Node.

Capturas

Marlow — Suelo · escritorio
Suelo · escritorio
Marlow — Abrigo de lana · ficha
Abrigo de lana · ficha
Marlow — Bolsa · escritorio
Bolsa · escritorio
Marlow — Checkout · envío o recogida
Checkout · envío o recogida
Marlow — Atelier
Atelier
Marlow — Suelo · móvil
Suelo · móvil
Marlow — Ficha · móvil
Ficha · móvil
Marlow — Bolsa · móvil
Bolsa · móvil

Stack técnico

Angular 22
SSR
Tailwind CSS 4
Estilos
Neon
Auth + Postgres
Node.js
Servidor
Netlify
CDN
Web Código fuente Documentación ← Volver a Destacados