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.

• Gestión de repositorio y flujo de desarrollo

  • Implementación de un flujo de trabajo basado en ramas para garantizar un desarrollo ordenado y paralelo:

    • main: entorno de producción.

    • develop: entorno de desarrollo.

    • feature/nombre: nuevas funcionalidades.

    • fix/nombre: correcciones específicas.

  • Gestión activa de pull requests, revisiones de código y despliegues controlados.

  Desarrollo actual

  Actualmente, se encuentra en curso la implementación del sistema de selección de países y gestión de precios por región, con la arquitectura y componentes ya preparados.
  Este desarrollo está pendiente de integración con el sistema de facturación, a cargo del programador responsable de esa parte, para sincronizar correctamente los precios y la lógica de facturación por país.

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.