Фрейморк NextJS как движок сайта

In alten Zeiten, als das Internet gerade entstand, wurden Websites in reinem HTML entwickelt. Dies ist jedoch etwas unpraktisch. Daher entstanden spezielle Programme, geschrieben in einer der Backend-Sprachen (PHP, NodeJS usw.), die die Website-Entwicklung vereinfachen. Das Programm, das den Betrieb der Website unterstützt, wird Website-Engine genannt.

Lassen Sie uns besprechen, welche Probleme Websites in reinem HTML haben, wie Engines helfen, diese Probleme zu lösen, und was NextJS damit zu tun hat.

Angenommen, Sie haben eine mehrseitige Website in reinem HTML. Auf jeder Seite der Website werden Sie gleiche Teile haben (z.B. Header, Footer, Sidebars) und unterschiedliche Teile (Seiteninhalt, ihr Titel).

Angenommen, Sie müssen eine bestimmte Änderung vornehmen, sagen wir, im Header der Website. In diesem Fall müssen Sie Änderungen in allen Dateien mit diesem Header vornehmen. Das ist natürlich nicht sehr bequem.

Daher arbeiten moderne Websites mit Engines. Engines verwenden einen speziellen Ansatz. Der Kern dieses Ansatzes liegt darin, dass eine Datei mit dem gemeinsamen Layout der Website erstellt wird. Diese Datei enthält die gemeinsamen Teile der Website.

Abhängig von der angeforderten URL wird an einer speziellen Stelle des Layouts der Inhalt der Website eingefügt, der dieser URL entspricht.

Neben dem Inhalt auf der Seite ändert sich normalerweise auch der Titel. Dabei werden Inhalt und Titel an verschiedenen Stellen des Layouts eingefügt. Dies wird ebenfalls durch die Website-Engine sichergestellt.

Wenn uns SEO wichtig ist, dann sollte für jede Seite der Website eine eigene Meta-Beschreibung vorhanden sein. Diese sollte ebenfalls an ihren Platz im Layout eingefügt werden.

Das Framework NextJS funktioniert auf die beschriebene Weise. Das heißt, es ist die Engine unserer Website. Dementsprechend gibt es irgendwo eine spezielle Datei, die das allgemeine Layout der Website enthält. Deren Untersuchung werden wir in diesem Abschnitt des Lehrbuchs vornehmen.