Edge Computing y Serverless en 2026: Cloudflare Workers, Vercel Edge y Latencia Cero

// Edge Function con Vercel Edge Runtime ( Next.js 16 App Router )
export const runtime = 'edge'; // <— se ejecuta en el PoP mas cercano
export const preferredRegion = 'auto';

export async function GET(request: Request) {
  const { nextUrl, geo } = request as any;
  // geo.city, geo.country vienen inyectados por el edge
  const userCity = geo?.city || 'desconocida';

  return Response.json({
    message: `Hola desde el edge mas cercano a ${userCity}!`,
    latency: '18ms',
    region: process.env.VERCEL_REGION || 'edge-auto',
  }, {
    headers: { 'Cache-Control': 'public, s-maxage=60, stale-while-revalidate=30' }
  });
}

// Cloudflare Worker: middleware de autenticacion y personalizacion en el edge
export default {
  async fetch(request, env, ctx) {
    const url = new URL(request.url);
    const country = request.cf.country; // inyectado por Cloudflare
    const cacheKey = new Request(url.toString(), request);
    const cache = caches.default;

    let response = await cache.match(cacheKey);
    if (response) return response;

    // Logica personalizada por region sin tocar el origen
    if (country === 'ES') {
      url.searchParams.set('lang', 'es');
    }

    response = await fetch(url, request);
    response = new Response(response.body, response);
    response.headers.set('Cache-Control', 'public, max-age=60');
    ctx.waitUntil(cache.put(cacheKey, response.clone()));
    return response;
  }
}

// Patron hibrido 2026: edge valida + serverless procesa
// /api/middleware.ts (EDGE - 0ms)
export const runtime = 'edge';
export async function middleware(req) {
  const token = req.headers.get('authorization');
  if (!token) return new Response('Unauthorized', { status: 401 });
  // Solo si pasa validacion, reenvia a funcion serverless
  return NextResponse.next();
}

// /api/heavy-task.ts (SERVERLESS - Node, 30s)
export const runtime = 'nodejs';
export async function POST(req) {
  const data = await req.json();
  const result = await heavyDatabaseProcessing(data); // Postgres, etc.
  return Response.json(result);
}

// ISR en el edge con Next.js 16 + revalidateTag
// app/blog/[slug]/page.tsx
export const revalidate = 3600; // cache 1h en el edge

async function getPost(slug) {
  const res = await fetch(`https://api.blog.elijs.dev/posts/${slug}`, {
    next: { tags: ['blog-posts'], revalidate: 3600 }
  });
  return res.json();
}

// Cuando publicas un post nuevo (Server Action)
import { revalidateTag } from 'next/cache';
export async function publishPost(data) {
  'use server';
  await db.posts.create(data);
  revalidateTag('blog-posts'); // invalida solo ese tag en todos los PoPs
}