Next.js

Next.js ist ein kostenloses Werkzeug auf Basis von React, das die ganze Seite zuerst auf dem Server erzeugt, damit eine React-Website schnell erscheint und von Suchmaschinen gelesen wird.

Auch bekannt als Next NextJS React-Framework

Definition

Next.js ist ein kostenloser Werkzeugkasten, der auf React aufsetzt, und am leichtesten versteht man ihn über die Aufgabe, die er übernimmt. React zeichnet den Bildschirm, lässt aber eine Frage offen. Wer setzt die Seite beim ersten Mal zusammen, der Server oder das Handy des Besuchers? Next.js antwortet, dass der Server das tun soll, und genau diese eine Entscheidung kaufen die Leute.

Eine einfache React-Website schickt eine fast leere Seite samt einem Paket Code. Das Handy muss diesen Code erst laden und ausführen, bevor es überhaupt etwas zeichnen kann. Auf einem schnellen Laptop merkt das niemand, doch auf einem fünf Jahre alten Handy im Mobilfunknetz schaut der Besucher auf Weiß. Next.js baut die fertige Seite auf dem Server und schickt Text und Bilder sofort. React wacht danach im Hintergrund auf, und die Seite wird klickbar.

Die zweite Hälfte des Arguments ist die Suche, denn Google liest Seiten, die sich im Browser selbst bauen. Es tut das allerdings später, und nicht immer zu Ende. Andere Suchmaschinen und die Vorschau-Roboter der Messenger können es noch schlechter. Kommen Ihre Produktseiten leer an, bleibt deshalb womöglich auch die Beschreibung leer, die Google speichert. Aus diesem Grund wird ein Shop, eine Praxis oder eine Leistungsseite meist so gebaut. Und darum holt Linkysoft das Team für digitales Marketing schon vor der Design-Freigabe in den Website-Bau und nicht erst danach.

Jetzt zu den Kosten, die im Angebotsgespräch selten fallen, denn eine Next.js-Website ist ein laufendes Programm und kein Ordner voller Dateien. Meist braucht sie einen Server, der wach bleibt, also reicht der billige Tarif beim Massenhoster oft nicht und die Rechnung wird monatlich. Es gibt allerdings einen Ausweg, den kaum jemand beim Namen nennt. Seiten, die sich selten ändern, lassen sich einmal beim Veröffentlichen erzeugen und wie einfache Dateien ausliefern, und das ist zugleich das Schnellste und das Günstigste. Fragen Sie, welche Ihrer Seiten so laufen können.

Die ehrliche Schwäche ist das Tempo der Änderungen, denn Next.js hat die Art, Seiten zu schreiben, mehr als einmal umgestellt. Eine vier Jahre alte Website braucht für die aktuelle Version echte Arbeit, fragen Sie also vor der Unterschrift, welche Version Sie bekommen. Fragen Sie auch, wer den nächsten Sprung bezahlt, weil diese Antwort mehr wert ist als jedes Versprechen über Geschwindigkeit. Linkysoft schreibt sie ins Angebot, da das Upgrade bei einer stark genutzten Webanwendung ein eigenes Projekt ist.

Fragen zu Next.js

Was ist der Unterschied zwischen React und Next.js?
Next.js benutzt React im Inneren. React zeichnet nur den Bildschirm. Next.js ergänzt das Drumherum: Seiten vom Server, eine Adresse je Seite und die Bildverarbeitung.
Braucht die Website eines kleinen Betriebs Next.js?
Oft nicht. Fünf Seiten mit Text und Fotos dürfen eine einfache Website bleiben und günstig sein. Next.js lohnt sich bei vielen Seiten, wechselnden Daten oder einem Kundenbereich hinter dem Login.
Wo kann eine Next.js-Website gehostet werden?
Auf jedem Server, der ein Node-Programm dauerhaft laufen lässt, oder auf einer Plattform dafür. Lassen sich alle Seiten vorab erzeugen, kann die Website als einfache Dateien exportiert und fast überall gehostet werden.
Macht Next.js meine Website schneller?
Meist wird die erste Ansicht deutlich schneller, weil der Text erscheint, bevor der Code fertig geladen ist. Den Code selbst verkleinert es nicht. Eine schwere Seite bleibt schwer, also auf einem echten Handy messen.
Ist Next.js gewerblich kostenlos nutzbar?
Ja. Es ist quelloffen und darf auch in einem kostenpflichtigen Produkt genutzt werden. Die Firma dahinter verkauft Hosting, das aber freiwillig ist; jeder passende Server genügt.

Immer noch unsicher, was das für Ihr Projekt bedeutet?

Sagen Sie uns, was Sie bauen, und wir antworten in klarer Sprache.