El problema
El Instituto Andrad Salud necesitaba renovar su presencia digital educativa, pero arrastraba problemas estructurales: dependencia técnica de una agencia anterior que controlaba el dominio y el correo, correo corporativo en riesgo por falta de accesos, necesidad de un panel donde el cliente pudiera administrar cursos, talleres y contenidos sin depender del desarrollador, y ausencia de un sistema de gestión propio.
La solución
Construimos una arquitectura headless: separamos el frontend (lo que ve el visitante) del backend (el panel de administración).
El frontend está alojado en Vercel con React 19 + TanStack Start + Vite + Nitro. El backend es un WordPress en Hostinger que se comunica con el frontend mediante API REST. Ambos servicios quedan bajo los subdominios instituto.andradsalud.com.ar y cms.andradsalud.com.ar respectivamente.
El frontend es moderno, rápido y optimizado para SEO. El backend es un WordPress que el cliente ya sabe usar, donde administra todo el contenido sin tocar código.
Trabajo realizado
Recuperación de DNS El dominio andradsalud.com.ar estaba delegado a servidores de la agencia anterior. Trabajamos con el cliente para migrar la delegación a Cloudflare, manteniendo control total sobre la zona.
Migración de correos corporativos Recuperamos más de 500 correos entre dos cuentas corporativas desde la infraestructura anterior, migrándolos a Hostinger sin pérdida de mensajes ni adjuntos.
Configuración de subdominios instituto.andradsalud.com.ar apunta al Frontend educativo en Vercel. cms.andradsalud.com.ar apunta al WordPress headless en Hostinger. andradsalud.com.ar se mantiene como sitio principal temporal.
Desarrollo del frontend React 19 con TanStack Start para SSR, Vite + Nitro para build y deployment, Tailwind CSS para diseño, SEO técnico completo (canonical, Open Graph, JSON-LD, sitemap), consumo de API REST de WordPress, y páginas de cursos, talleres, testimonios y contacto.
Configuración de WordPress Custom Post Types para cursos y talleres, Advanced Custom Fields para datos específicos (precio, duración, modalidad, fecha), Contact Form 7 + Flamingo para formularios, configuración SMTP para envío confiable de emails, y usuario administrador separado para el cliente y para WMDS.
Formularios e inscripciones Configuramos el flujo completo: formulario público → Contact Form 7 → Flamingo → correo a Ariel + respuesta automática al alumno.
El resultado
El Instituto Andrad Salud pasó de una situación de dependencia total a tener:
- Frontend moderno alojado en Vercel con deployment automático
- WordPress headless administrado por el propio cliente
- Correos corporativos migrados y funcionando
- DNS controlado por el cliente
- Panel con campos específicos para cursos, talleres y testimonios
- Formularios de inscripción funcionando con notificaciones por email
Qué se hizo
- Arquitectura headless React + WordPress
- Recuperación de DNS y migración de delegación
- Migración de 500+ correos corporativos
- Configuración de subdominios y SSL
- Desarrollo de frontend con React 19 + TanStack Start + Vite
- Configuración de WordPress como CMS headless
- SEO técnico completo
- Panel de administración a medida
- Sistema de formularios con CF7 + Flamingo + SMTP
- Documentación técnica
Frontend: instituto.andradsalud.com.ar
CMS: cms.andradsalud.com.ar