VidaNatural – E-commerce

Como Fullstack Developer, diseñé e implementé la plataforma Ecommerce de Vida Natural, optimizada para performance, SEO y seguridad:

• Rendering híbrido y caching inteligente

  • ISR (Incremental Static Regeneration) para pre-renderizar datos y servirlos desde cache.

  • SWR + Redis + API /api/revalidation-status para gestionar “stale-while-revalidate” en el cliente y evitar recargas innecesarias.

  • Rate-limiting con lru-cache (y escalable a Redis) para proteger las APIs de exceso de peticiones.

• Revalidación en tiempo real

  • Webhooks seguros (validación por IP) desde Strapi → Next.js para invalidar tags  y regenerar únicamente lo necesario.

• SEO técnico avanzado

  • Sitemap dinámico (next-sitemap) que extrae rutas con getAllProductSlugs(), define prioridades y frecuencia de actualización, y dispara Deploy Hooks en Vercel tras cada bulk_sync.

  • JSON-LD (componente JsonLd.jsx) en productos, organización y políticas para habilitar rich snippets en Google.

  • Metadatos OpenGraph y Twitter Card configurados en cada página.

• Flujo de compra y seguridad

  • Validación de precios en el backend antes de confirmar la orden, previniendo adulteraciones.

  • Búsqueda de productos con un Search personalizado.

• Integraciones de email y registro

  • Formularios de registro de distribuidores que llaman a la API externa de la empresa, para registrar distribuidores nuevos a la empresa.

  • Envío automático de correo profesional con React Email, incluyendo los datos necesarios para que el cliente, nuevo distribuidor, obtenga los datos correspondientes para proceder con el sistema de registro de distribuidores con el que ya cuenta la empresa.

• DevOps & Operaciones

  • Deploy completo en Vercel.

  • Configuración de Cloudflare y gestión de DNS para asegurar continuidad de servicios pre-existentes.

  • Administración de cuentas y repositorios (GitHub, Vercel…), con flujos de trabajo claros y documentación técnica.

  • Gestión de DNS y propagation checks con DNS Checker tras cambios de name-servers.

  • Arquitectura escalable y documentada, alineada con buenas prácticas para sentar las bases tecnológicas de la empresa.

Esto es solo la parte pública del proyecto full-stack.
La otra pieza fundamental es el CMS desarrollado en Strapi (Node.js + PostgreSQL), con su propio despliegue en Render y rutas GraphQL/REST seguras.
Te invito a ver la descripción completa del CMS en el siguiente enlace de mi portfolio: Ver sección CMS.

Esto es una visión general del trabajo realizado. Próximamente actualizaré la descripción con más detalles, o podemos coordinar una entrevista para profundizar en el proyecto.