Next.js ist Open Source und bietet ein einfaches und universelles JS-Framework auf Basis von React.

Das neue universelle JavaScript-Framework Next.js ist jetzt Open Source und bietet eine neue Alternative für React- und serverbasierte Webanwendungen.

Das Team von Zeit baute Next.js auf der Grundlage und dem Komponentenmodell von React auf und stellte gleichzeitig eine wichtige Erweiterung bereit: Durch die Verwendung einer Komponentenlebenszyklus-Hook-Methode namens getInitialProps() kann das Framework auf dem Server verwendet werden Das anfängliche Rendern erfolgt auf dem Client und kann bei Bedarf auf der Clientseite fortgesetzt werden. Diese erweiterte Funktion wird jedoch zusätzlich zu einem kleinen, aber leistungsstarken Framework bereitgestellt.

Aufgrund des minimalen Funktionsumfangs von Next.js bietet es eine bequeme Möglichkeit, neue Webanwendungen zu erstellen. Dieser Prozess erfordert keine umfangreiche Konfiguration des Toolsets. Ähnlich wie bei der Create-React-App wird durch die Installation dieses Frameworks ein Build-Prozess basierend auf React, Webpack und Babel eingerichtet. In der Vergangenheit haben Entwickler, die React-Komponenten geschrieben haben, Seiten basierend auf der React-Syntax erstellt. Jede Seite stellte eine Renderfunktion bereit:

import React from 'react'export default () => Hello world!


Next.js verwendet das Dateisystem als API, sodass jede im Seitenordner platzierte Komponente automatisch einer serverbasierten Route zugeordnet wird. Beispielsweise stellt die Komponente „pages/about.js“ auf der Festplatte automatisch die URL „/about“ bereit.

Im Gegensatz zu Projekten wie Express-React-Views, einer auf Express basierenden Ansichts-Engine, ist next.js eine Serviceschicht der obersten Ebene, die nur die Ergebnisse von JavaScript-Funktionen rendert. Um dies zu erreichen, verwendet das Projekt Glamour zur Verarbeitung von CSS, anstatt sich auf separate CSS-Dateien zu verlassen.

Diese inhärente Neigung zu Next.js hat einige subtile Vorteile, darunter, dass Entwickler keine Zeit mit der Einrichtung von Webpack- oder Babel-Konfigurationen verbringen müssen. In der Vergangenheit haben diese beiden Schritte viel Entwicklerzeit in Anspruch genommen. Um eine Entwicklungsversion einer Site auszuführen, führen Sie einfach npm run dev aus.

Für einige Entwicklungsteams ist universelles JavaScript immer noch eine fortschrittlichere Technologie und viele Frameworks verfügen über eigene Implementierungen. Angular 2 verfügt über Universal Angular 2 und Ember über Fastboot. Im Bereich React gibt es in diesem Bereich viele Optionen, wie zum Beispiel Walmarts Electrode und Redfins React Server. Nun ist Next.js eine einfache Alternative mit viel Potenzial. Das Projekt ist Open Source auf GitHub.