javascript / expert
Snippet
Granulare Route-Segment-Konfiguration für die Edge-Runtime
Next.js-Entwicklung auf Expertenniveau erfordert die Feinabstimmung der Ausführungsumgebung. Durch das explizite Setzen der Runtime auf 'edge' nutzen Sie eine weltweit verteilte Infrastruktur. Die Verwendung von 'force-dynamic' stellt sicher, dass das Segment niemals zur Build-Zeit zwischengespeichert wird, was für Personalisierung in Echtzeit entscheidend ist, während 'preferredRegion' die Latenz verringert, indem die Ausführung an ein bestimmtes Rechenzentrum gebunden wird.
snippet.js
1
2
3
4
5
6
7
8
export const runtime = 'edge';export const dynamic = 'force-dynamic';export const preferredRegion = 'fra1';export default async function Page() {const data = await fetch('https://api.example.com/data');return <main>{/* Render logic */}</main>;}
nextjs
Erklärung
1
export const runtime = 'edge';
Anweist Next.js, die V8-basierte Edge-Runtime anstelle der Standard-Node.js-Umgebung zu verwenden.
2
export const dynamic = 'force-dynamic';
Umgeht den statischen Generierungscache und erzwingt das Rendering der Seite bei jeder Anfrage.
3
export const preferredRegion = 'fra1';
Optimiert Kaltstarts, indem die geografische Region angegeben wird, die Ihrer Upstream-Datenbank am nächsten liegt.