(01) El encargo
Akim vende alimento y accesorios premium para perros y gatos en Santiago. Necesitaba dejar de vender solo por Instagram y WhatsApp y tener una tienda propia que cobrara sola, recordara al cliente y le avisara al dueño de cada pedido.
(02) Qué hace
- Catálogo con filtros por marca, especie y línea, búsqueda instantánea y fichas con tablas nutricionales.
- Carrito y favoritos que sobreviven al cerrar el navegador y se sincronizan al iniciar sesión.
- Cuenta de cliente con sus mascotas, direcciones guardadas, historial de pedidos y reseñas.
- Pago con tarjeta vía Webpay Plus y confirmación por correo con la boleta del pedido.
- Cupones, programa de puntos, tickets de soporte con chat y notificaciones en tiempo real.
- Se instala como app en iPhone y Android (PWA) sin pasar por las tiendas de apps.
(03) Cómo se construyó
- App Router de Next.js con componentes de servidor: el catálogo llega renderizado desde el borde y el navegador solo hidrata lo interactivo.
- Base de datos PostgreSQL con reglas de acceso por fila: cada cliente solo puede leer sus propios pedidos aunque conozca la URL.
- Flujo de pago en tres pasos con verificación del lado del servidor: el pedido se marca pagado solo cuando Transbank lo confirma, nunca desde el navegador.
- Imágenes optimizadas y servidas por CDN en WebP, con tamaños por dispositivo.
- Correos transaccionales con plantillas propias (pedido, envío, recuperación de clave).
(04) Seguridad
- Cabeceras estrictas: Content Security Policy, HSTS y protección contra clickjacking.
- Panel de administración con roles y promoción de rol registrada; rutas de admin bloqueadas para buscadores.
- Límites de intentos en login y formularios; verificación anti-bots.
- Webhooks y callbacks de pago validados por firma y por consulta directa a la pasarela.
- Respaldos automáticos de la base de datos.
(05) Velocidad y Google
Auditado con Lighthouse en móvil en cada entrega. Datos estructurados de producto para que Google muestre precio y disponibilidad en los resultados.
(06) Qué no hace, a propósito
- No gestiona inventario en bodega física ni integra con sistemas de facturación electrónica.
- Los despachos se coordinan desde el panel; no hay integración automática con couriers.
(07) Medición real
| Rendimiento | Accesibilidad | Buenas prácticas | SEO | LCP |
|---|---|---|---|---|
| 60 | 100 | 82 | 100 | 3,8 s |
Google PageSpeed Insights, móvil, 30 de septiembre de 2026. Números sin redondear hacia arriba; se vuelven a medir periódicamente. Tabla completa de los 27 sitios →
