In Deep Dive 66 haben wir euch Nuxt.js zum Webseitenbau vorgestellt, ein Vue-basiertes und opinionated Framework. In dieser Folge geht es um das Pendant dazu für React: Next.js! Das Framework ist Open Source und wird von der Hosting-Plattform Vercel entwickelt und ist ein Traum für das Bauen SEO-optimierter Webseiten. Es gibt, genau wie Nuxt, den Rahmen in der Entwicklung stark vor, unterstützt dafür aber gleich mit einer ganzen Bandbreite an Convenience Features. Damit eure Webseite zu einem SEO-Meisterwerk werden kann, rendert Next.js sie vor. Die statische Generierung der Seite funktioniert normalerweise über die Varianten der Static Generation, des Server-Side-Rendering oder der Incremental Static Regeneration. Was das bedeutet, worin sich diese Varianten unterscheiden und was davon ihr in welcher Situation am sinnvollsten einsetzt, klären wir in dieser Folge.

Unseren Experten Fabian kennt ihr mittlerweile sicherlich aus einigen News-Folgen oder unserer Podcastfolge über React, die sich im Übrigen wunderbar als Grundlage für diesen Deep Dive anbietet.

Fabian hat ergänzend zu dieser Folge ein YouTube-Video mit einem Crashkurs zu Next.js aufgenommen.
Zum GitHub Repository von Next.js: https://github.com/vercel/next.js

Picks of the Day:

Jojo: Grammarly ist ein Tool, das euch beim Schreiben englischer Texte unterstützt – sogar noch während der Eingabe! Damit wirkt jeder Text gleich ein Stückchen professioneller.
Fabian: Headless UI und Radix UI sind zwei Frameworks, die es euch ermöglichen, komplexe Komponenten auf eurer Webseite zu integrieren, deren Styling ihr dennoch selbst bestimmen könnt.

Schreibt uns!
Schickt uns eure Themenwünsche und euer Feedback.
podcast@programmier.bar

Folgt uns!
Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen.

Twitter
Instagram
Facebook
Meetup
YouTube

Musik: Hanimo

Folge 97 - Next.js mit Fabian Hiller