[{"data":1,"prerenderedAt":100},["ShallowReactive",2],{"blog-de-nextjs-12-middleware":3},{"id":4,"title":5,"body":6,"cover":84,"date":85,"description":86,"draft":87,"extension":88,"locale":89,"meta":90,"navigation":91,"path":92,"seo":93,"stem":94,"tags":95,"__hash__":99},"blog\u002Fblog\u002Fde\u002Fnextjs-12-middleware.md","Next.js 12: schneller dank Rust",{"type":7,"value":8,"toc":78},"minimark",[9,13,18,21,27,30,34,47,50,72,75],[10,11,12],"p",{},"Manche Updates ändern Features, andere ändern das Gefühl beim Arbeiten. Next.js 12 gehört für\nmich klar zur zweiten Sorte. Der Sprung steckt nicht in einer neuen Schaltfläche, sondern unter\nder Haube — und genau da, wo man als Entwickler:in jeden Tag wartet.",[14,15,17],"h2",{"id":16},"rust-statt-babel","Rust statt Babel",[10,19,20],{},"Das Herzstück ist der Wechsel von Babel und Terser zu SWC, einem Compiler in Rust. Das klingt\nnach Innereien, ist aber spürbar: Builds und Hot Reloads laufen deutlich schneller, weil\nTranspilieren und Minifizieren nicht mehr im selben Tempo wie zuvor durch JavaScript-Werkzeuge\nmüssen.",[22,23,24],"blockquote",{},[10,25,26],{},"Geschwindigkeit beim Entwickeln ist kein Luxus. Sie ist der Unterschied zwischen Im-Fluss-Bleiben und Warten.",[10,28,29],{},"Für meine Arbeit heißt das vor allem eines: kürzere Schleifen. Eine Änderung speichern und fast\nsofort das Ergebnis sehen, hält die kreative Spannung aufrecht. Je weniger ich auf das Tooling\nwarte, desto mehr Aufmerksamkeit bleibt für das eigentliche Gestalten.",[14,31,33],{"id":32},"middleware-logik-an-die-edge","Middleware: Logik an die Edge",[10,35,36,37,41,42,46],{},"Die zweite große Neuerung ist Middleware. Damit kann ich Code ausführen, ",[38,39,40],"strong",{},"bevor"," eine Anfrage\nfertig bearbeitet wird — auf der Edge, nah an den Nutzer:innen. Eine Datei, eine ",[43,44,45],"code",{},"middleware","-Funktion,\nund ich kann umleiten, umschreiben, Header setzen oder Anfragen je nach Kontext lenken.",[10,48,49],{},"Das eröffnet Dinge, die vorher umständlich waren:",[51,52,53,60,66],"ul",{},[54,55,56,59],"li",{},[38,57,58],{},"Lokalisierung"," anhand von Region oder Sprache, bevor die Seite gerendert wird",[54,61,62,65],{},[38,63,64],{},"A\u002FB-Tests"," und Feature-Flags ohne Flackern",[54,67,68,71],{},[38,69,70],{},"Auth-Checks"," früh im Lebenszyklus, statt im Client nachzubessern",[10,73,74],{},"Wichtig bleibt das richtige Maß: Middleware läuft bei jeder passenden Anfrage, also gehört nur\ndorthin, was wirklich schlank und früh entschieden werden muss. Schwere Logik bleibt\nwoanders.",[10,76,77],{},"Zusammen ergeben SWC und Middleware ein stimmiges Bild: Next.js 12 macht die Entwicklung\nschneller und die Auslieferung klüger. Genau diese Kombination aus Tempo und Kontrolle ist es,\ndie mir die Plattform sympathisch macht.",{"title":79,"searchDepth":80,"depth":80,"links":81},"",2,[82,83],{"id":16,"depth":80,"text":17},{"id":32,"depth":80,"text":33},null,"2021-10-26","Next.js 12 bringt den SWC-Compiler und Middleware — wie das meine Builds beschleunigt und Logik näher an die Edge bringt.",false,"md","de",{},true,"\u002Fblog\u002Fde\u002Fnextjs-12-middleware",{"title":5,"description":86},"blog\u002Fde\u002Fnextjs-12-middleware",[96,97,98],"Next.js","Performance","Web","2dtBEdRHy052bcXzZFOEdt8nFZTPu5cfjB4RtbKz9fs",1781691286841]