Skip to content
leoco/dev
Volver a proyectos
Full-stack end-to-end·2025·Repo público

Khalil Landing

Landing page moderno que integra captura de leads con agendamiento directo en Google Calendar. Los visitantes rellenan un formulario, se valida con Zod, se guardan en Supabase y reciben un email de confirmación vía Resend. Luego pueden elegir un slot disponible que se sincroniza automáticamente con Google Calendar del cliente.

STACK TÉCNICO
Next.jsSupabaseResendGoogle CalendarZod
DESAFÍOS

Validación de formularios

Validar en cliente y servidor sin duplicar código. Solución: esquemas Zod compartidos entre Next.js client y server actions.

Sincronización de calendarios

Mantener slots disponibles sincronizados con Google Calendar. Solución: polling cada 5 min + WebHook de Google Calendar cuando hay cambios.

SOLUCIONES

Server Actions

Uso total de Next.js Server Actions para forms. Elimina boilerplate de API routes. Validación con Zod en el servidor.

Automatización de emails

Resend para transactional emails (confirmación, recordatorio). Templates React componentes. Personalización por user sin hardcode.

¿Te interesa este proyecto o tienes una idea similar?