Volver a proyectos
Habla Conmigo — Escuela de Español
Web / EducaciónDuración: 3 semanas + evolución continuaEstado: En producción
Sitio web en producción para Habla Conmigo Spanish School, la escuela de una profesora costarricense nativa con 21 años de experiencia enseñando español, presencial en Costa Rica y en línea. Con dominio propio, presenta un catálogo de clases con precios reales que se leen desde Postgres (Neon) con respaldo estático si la base falla, una página de servicios, cuatro opciones de alojamiento para los paquetes de inmersión y un formulario de reserva que convierte el horario a la zona del estudiante y pide nivel y datos de estadía. Las consultas llegan por correo con Resend. En desarrollo, en un entorno de preview: un panel /admin con login por código al correo para que la clienta edite video, cifras, clases, precios y fotos sin tocar código.
Tecnologías
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- shadcn/ui
- Radix UI
- PostgreSQL (Neon)
- Neon Auth
- Vercel Blob
- React Hook Form
- Zod
- Resend
- next-themes
- Vitest
- Vercel Analytics
Funcionalidades
- Portada con navegación por secciones y página /services con el catálogo completo de clases
- Catálogo y precios en Postgres (Neon) con caché por tag y respaldo estático si la base no responde
- Clases presenciales en Costa Rica y en línea, con descuentos por paquetes de horas
- Cuatro opciones de alojamiento con sus precios para los paquetes de inmersión
- Reserva con conversión del horario a la zona del estudiante, nivel de español y datos de estadía
- El servidor recalcula la cotización de cada reserva; el navegador no fija el precio
- Correo de contacto y reservas vía Resend desde dominio verificado
- CSP con nonce por petición (sin unsafe-inline) y endpoints de contacto endurecidos
- Accesibilidad WCAG 2.2: contraste, foco visible, reduced-motion y ARIA
- SEO: datos estructurados, imagen OG generada por código, sitemap, política de privacidad y /llms.txt
- En preview: panel /admin con login por código al correo (Neon Auth) limitado a correos autorizados
- En preview: edición de video, cifras, clases y precios, y fotos del sitio en Vercel Blob (reducidas y sin GPS en el navegador)
- Pruebas con Vitest del horario, el catálogo y el alojamiento; CI en GitHub Actions
- Dominio propio (habla-conmigo.com) desplegado en Vercel