Arquitectura

Arquitectura Central y Edge Mesh

Desglose arquitectónico profundo del App Router de Next.js 16, proxy de middleware de borde y pre-renderizado.

Última sincronización: 2026-09-22•Verificado: Next.js 16 + React 19

Topología del Sistema de Alto Nivel

NexusCore aprovecha un modelo híbrido centrado en el borde. Las rutas de documentación estática se generan en tiempo de compilación para un TTFB (Tiempo de Primera Byte) de sub-milissegundo, mientras que el middleware de borde intercepta sub-rutas internacionales para proxy de contenido traducido con cero sobrecarga de paquetes duplicados.

Pipeline de Middleware de Borde MultiLipi

Solicitud Entrante
/hi/docs/quickstart

Middleware perimetral
Extrae Encabezado de Localización

Reescritura Dinámica
Renderiza Ruta de Destino

Implementación de Middleware de Borde

La lógica central dentro de middleware.ts maneja la extracción de rutas y la preservación de encabezados:

middleware.ts

typescript

import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";

export function middleware(request: NextRequest) {
  const { pathname, search } = request.nextUrl;
  const segments = pathname.split("/").filter(Boolean);
  const locale = segments[0];

  if (["hi", "fr", "de", "nl", "es", "ja"].includes(locale)) {
    const strippedPath = "/" + segments.slice(1).join("/");
    const destination = strippedPath === "" ? "/" : strippedPath;
    
    const requestHeaders = new Headers(request.headers);
    requestHeaders.set("x-multilipi-locale", locale);

    return NextResponse.rewrite(new URL(destination + search, request.url), {
      request: { headers: requestHeaders },
    });
  }

  return NextResponse.next();
}

← Guía de inicio rápido Siguiente: Quantum CLI