javascript / intermediate
Snippet
Mandantenfähiges Subdomain-Routing via Middleware
Die Verwendung von Next.js Middleware zum Umschreiben von URLs basierend auf Subdomains ermöglicht den Aufbau mandantenfähiger Anwendungen, bei denen jeder Kunde seinen eigenen Bereich hat, ohne die URL zu ändern, die der Benutzer im Browser sieht.
snippet.js
1
2
3
4
5
6
7
import { NextResponse } from 'next/server';export function middleware(req) {const hostname = req.headers.get('host');const subdomain = hostname.split('.')[0];return NextResponse.rewrite(new URL(`/${subdomain}${req.nextUrl.pathname}`, req.url));}
nextjs
Erklärung
1
const subdomain = hostname.split('.')[0];
Extrahiert den ersten Teil des Host-Headers, um den Mandanten zu identifizieren.
2
NextResponse.rewrite(...)
Ordnet die Anfrage intern einem dynamischen Pfad zu, während die ursprüngliche URL in der Adressleiste erhalten bleibt.