ארכיטקטורה
ארכיטקטורת ליבה ורשת קצה
פירוט ארכיטקטוני מעמיק של 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
/hi/docs/quickstart
תווך קצה
מחליץ כותרת locale
מחליץ כותרת 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();
}