Volver a proyectos

Migración y Optimización Web de Vista Medics Jamaica

Migración completa del sitio de Vista Medics Jamaica, clínica especializada en el cuidado y tratamiento de la visión. El proyecto transformó su presencia digital al pasar de WordPress a Next.js, logrando mayor velocidad, mejor posicionamiento SEO y una experiencia de usuario optimizada para pacientes que buscan servicios oftalmológicos en Jamaica.

Ver sitio en vivo

El problema

El sitio web de Vista Medics Jamaica estaba desarrollado en WordPress con numerosos plugins que ralentizaban la carga y afectaban negativamente el SEO. El tiempo de carga inicial superaba los 20 segundos, lo que reducía la conversión de pacientes y la visibilidad en buscadores para servicios clave como exámenes de la vista y tratamientos oftalmológicos.

La solución

Se ejecutó una migración completa a Next.js 16 desplegado en Vercel, con un backend funcional construido mediante Prisma y Route Handlers. Como parte de la solución, se integró un sistema de notificaciones por correo usando Resend para enviar avisos automáticos cada vez que un paciente completaba un formulario de cita. Además, se corrigió un error crítico en el envío de correos: anteriormente no se utilizaba `await` para evitar bloquear el hilo, lo que ocasionaba que algunos correos no se enviaran. Se implementó la función `after` introducida en Next.js 15 para manejar correctamente estas tareas asincrónicas, garantizando la entrega confiable de notificaciones.

Cómo se realizaron los proyectos

El proyecto se desarrolló con Next.js App Router, utilizando Route Handlers para APIs internas y un backend robusto administrado con Prisma y PostgreSQL. Estuve 100% a cargo del backend y de la API que gestionaba los clientes, asegurando seguridad, escalabilidad y consistencia en los datos. La interfaz se construyó con Chadcn UI y el despliegue se realizó en Vercel con CI/CD. La integración con Resend permitió enviar correos automáticos cada vez que un paciente completaba un formulario, y la corrección del error con la función `after` de Next.js 15 garantizó que los correos se enviaran siempre de forma confiable sin bloquear el hilo principal. Tras la migración, el tiempo de carga inicial se redujo de más de 20s a menos de 3s, mejorando la experiencia de usuario y el posicionamiento orgánico en Google. Además, se integró un chat de IA que da soporte al cliente a partir de la información del negocio, construido con el servicio AI Gateway de Vercel para centralizar el acceso a modelos, controlar costes y ofrecer respuestas rápidas y contextualizadas sobre servicios oftalmológicos y gestión de citas.

Stack tecnológico

Next.jsPrismaPostgreSQLVercelChadcn UIResendVercel AI Gateway

Screenshots

Migración y Optimización Web de Vista Medics Jamaica - Screenshot 1
Migración y Optimización Web de Vista Medics Jamaica - Screenshot 1
Migración y Optimización Web de Vista Medics Jamaica - Screenshot 2
Migración y Optimización Web de Vista Medics Jamaica - Screenshot 2

Colaboradores del proyecto

Personas que participaron directamente en el desarrollo de este proyecto.

¿Te gustaría trabajar conmigo?

Hablemos sobre cómo puedo ayudarte a llevar tu proyecto a la realidad con el mismo nivel de calidad y atención al detalle.

Contáctame