Funciones serverless: Cloudflare Workers, Vercel Edge y más

¿Qué frameworks puedo usar?

• ▪ Hono: framework ultra-rápido diseñado para Cloudflare Workers
• ▪ itty-router: router ligero (3KB) para APIs REST
• ▪ Remix: soporte oficial para Cloudflare
• ▪ AstroJS: desplegar en Cloudflare Pages (estático + functions)
• ▪ Express adaptado: libraries como Wrangler adaptadores

Paso 1: Crear la function

// functions/contact.ts
export const onRequest: PagesFunction = async (context) => {
  if (context.request.method !== 'POST') {
    return new Response('Method not allowed', { status: 405 })
  }

  const data = await context.request.json()
  const { email, message, name } = data

  // Validar
  if (!email || !message) {
    return new Response('Missing fields', { status: 400 })
  }

  // Guardar en KV storage
  const key = `contact-${Date.now()}`
  await context.env.KV.put(key, JSON.stringify(data))

  // Enviar email con Sendgrid
  const emailRes = await fetch('https://api.sendgrid.com/v3/mail/send', {
    method: 'POST',
    headers: {
      'Authorization': `Bearer ${context.env.SENDGRID_API_KEY}`,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      personalizations: [{ to: [{ email: 'tu@dominio.es' }] }],
      from: { email: 'noreply@dominio.es' },
      subject: `Nuevo contacto de ${name}`,
      html: `<p>${message}</p><p>Responder a: ${email}</p>`,
    }),
  })

  return new Response('OK', { status: 200 })
}

Paso 2: Configurar KV binding

// wrangler.json
{
  "env": {
    "production": {
      "kv_namespaces": [
        { "binding": "KV", "id": "abc123..." }
      ],
      "vars": {
        "SENDGRID_API_KEY": "SG.xxxx"
      }
    }
  }
}