Stack
Astro 6 + Sanity + Vercel
Una landing scroll-largo + 4 páginas internas. Stack Astro 6 + Sanity para que SIKUTA edite copy e imágenes sin tocar código. Arquitectura SEO-first con compliance INDECOPI desde día 1. Diseñada para Mariana (la foodie) en el camino principal y para Sebastián (B2B) en un carril separado dentro del mismo sitio.
Cinco rutas públicas que cubren el ticket (S/ 500 Landing) + tres páginas legales obligatorias (INDECOPI + protección al consumidor). Cada ruta tiene una conversación distinta con el visitante. No hay páginas decorativas.
Notas técnicas: el slug /salsas/[slug] se genera dinámico desde Sanity (cada salsa = 1 documento). Las páginas legales viven bajo /legal/ para mantener limpio el root y comunicar jerarquía. El Libro de Reclamaciones queda en root porque INDECOPI exige acceso inequívoco.
Diez secciones en orden estricto. Cada una resuelve una pregunta que la foodie hace antes de comprar. El B2B aparece una sola vez (sección 9) como puerta hacia /negocios, sin contaminar el flujo retail.
Ley 29571 (Código de Protección y Defensa del Consumidor) + DS 011-2011-PCM. No es opcional. Debe ser accesible inequívocamente desde TODAS las páginas del sitio — el link va en el footer en todo el sitio sin excepción.
Visible en todo el sitio. Funciona como mini-mapa para Mariana, como tarjeta institucional para Sebastián y como compliance para INDECOPI. Cuatro columnas + bloque legal al pie.
★ campos obligatorios por compliance INDECOPI · datos del cliente pendientes del onboarding.
Cada flujo describe cómo un visitante llega y dónde convierte. La arquitectura está pensada para que cada uno tenga su salida natural sin desviar a los demás.
Cada ruta tiene su keyword principal asignada del benchmark (Doc 01). Schema.org Product en cada ficha. Schema.org Organization + LocalBusiness en root. Sitemap.xml auto-generado por Astro. Robots.txt limpio.
| Ruta | Keyword principal | Schema.org | Long-tail asociado |
|---|---|---|---|
| / | salsa picante peruana premium | Organization + LocalBusiness | marca peruana de ají · salsa peruana natural |
| /salsas | salsas picantes peruanas | ItemList | variedades de ají peruano · comprar salsa peruana |
| /salsas/rocoto | salsa de rocoto premium | Product | crema de rocoto botella · rocoto peruano natural |
| /salsas/charapita | ají charapita comprar | Product | charapita amazónico · ají premium selva |
| /historia | marca peruana salsas artesanal | AboutPage | salsa peruana sin conservantes · origen |
| /donde-comprar | comprar salsa peruana Lima | LocalBusiness | envío salsa picante Lima · delivery |
| /negocios | proveedor salsa picante Lima mayorista | Organization | salsa picante restaurantes Perú · regalo corporativo gourmet |
Los slugs específicos de ficha (rocoto, charapita) son ilustrativos — la lista real depende de las variedades que SIKUTA lance en v1, decisión del cliente.
El ticket Landing S/ 500 cubre todo lo de la izquierda. Lo de la derecha es expansión futura — se nombra para que el cliente entienda hacia dónde puede crecer el sistema sin re-plataformar.
El cliente edita: salsas (foto, nombre, ají, picor, ingredientes, maridajes, precio, stock), historia, datos legales del footer, posts de IG para el bridge. Si Sanity queda fuera y todo es Markdown en Astro, cada cambio requiere a MIYAUCHI — y eso rompe el ticket.
El correlativo se genera en backend (no en frontend), se guarda en Sanity (o KV), se envía email al consumidor + al proveedor. Esto agrega ~4–6h de implementación que ya están dentro del scope.
Cada CTA WhatsApp lleva mensaje pre-llenado contextual: "Hola SIKUTA, me interesa la salsa de [rocoto] — quiero pedirla a Lima" o "Soy chef, quiero kit de muestras". Reduce fricción y filtra leads.
Cada salsa en Sanity tiene campos extra (alergenos, shelf life, capacidad, ingredientes detallados). Una página de Astro renderiza la ficha técnica con `print: A4`. Sebastián puede descargarla con un click — el cliente no la mantiene manualmente.
En mobile el nav colapsa a hamburger. "Para negocios" debe quedar como item separado al pie del menú (no mezclado en la lista) — refuerza el carril B2B sin estorbar el flujo retail.