ארכיטקטורה

ארכיטקטורת ליבה ורשת קצה

פירוט ארכיטקטוני מעמיק של Next.js 16 App Router, proxy של middleware בקצה, ו-pre-rendering.

סונכרן לאחרונה: 2026-09-22מאומת: Next.js 16 + React 19

טופולוגיית מערכת ברמה גבוהה

NexusCore ממנפת מודל היברידי הממוקד בקצה. נתיבי תיעוד סטטיים נוצרים בזמן בנייה עבור TTFB (זמן עד בייט ראשון) של פחות ממילי-שנייה, בעוד middleware בקצה מיירט נתיבים משניים בינלאומיים כדי לתווך תוכן מתורגם ללא תקורה של חבילות כפולות.

צינור Middleware בקצה MultiLipi

בקשה נכנסת
/hi/docs/quickstart
תווך קצה
מחליץ כותרת locale
שכתוב דינמי
מרנדר נתיב יעד

מימוש Middleware בקצה

הלוגיקה המרכזית בפנים middleware.ts מטפלת בחילוץ נתיב ובשימור כותרות:

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();
}