Next.js

Next.js ist ein Framework auf Basis von React, das Routing, Rendering und Serverfunktionen integriert. Es kann öffentliche, indexierbare Seiten mit Oberflächen kombinieren, die sich mit einer Wallet verbinden. Die Entscheidung, was auf dem Server ausgeführt und was an den Browser gesendet wird, beeinflusst Performance, Datenzugriff und Wartung des Produkts.

Der App Router verwendet in Pages und Layouts standardmäßig Server Components und erlaubt die Einbindung von Client Components für Interaktivität. Der Pages Router bleibt ein weiterer unterstützter Router; er ist nicht mit einer veralteten Version zu verwechseln, die es in aktuellen Framework-Versionen nicht mehr gäbe.

Server Components können Daten abfragen und Inhalte vorbereiten, ohne diese gesamte Logik an den Client zu senden. Komponenten, die interaktiven Zustand, Events oder Browser-APIs benötigen, liegen an der Client-Grenze. Eine Client Component kann Teil des vorgerenderten HTML sein; die Direktive use client bedeutet nicht, dass ihr gesamter Inhalt erst nach dem Laden von JavaScript erscheint.

Route Handler stellen HTTP-Endpoints bereit und eignen sich für den Empfang von Webhooks mit Validierung. Server Actions bedienen in die Anwendung integrierte Mutationen. Langlaufende Prozesse oder Hintergrundjobs erfordern eine zur Deployment-Umgebung passende Infrastruktur.

Ein Produkt kann Dokumentation, Marketingseiten und eine dApp unter einer Domain vereinen. Öffentliche Inhalte werden vorgerendert, wo es sinnvoll ist, während der Wallet-Bereich Signaturen und Abfragen je nach verbundenem Konto verwaltet. Private Daten und Zugangsdaten verbleiben auf dem Server und werden nicht in Props aufgenommen, die an den Client gesendet werden.

Für SEO werden Metadata, Canonical, Sprachvarianten und strukturierte Daten definiert, die dem sichtbaren Inhalt entsprechen. Das Framework liefert die Mechanismen, erzeugt aber nicht automatisch eine korrekte Indexierungsstrategie. Jede Route braucht nützliche Inhalte und konsistente Zustände, wenn Daten fehlen.

Das Caching ist nach der Art der Daten zu gestalten. Ein Artikel verträgt eine verzögerte Revalidierung; ein Saldo, der zur Vorbereitung einer Transaktion dient, erfordert eine Prüfung seiner Aktualität. Die Regeln hängen von Version und Konfiguration von Next.js ab, weshalb Annahmen aus älteren Tutorials nicht ungeprüft übernommen werden sollten.

Next.js lässt sich auf Vercel oder in anderen kompatiblen Umgebungen bereitstellen. Die gewählte Option muss die genutzten Funktionen, deren Caching und die operativen Aufgaben unterstützen. Für eine einfache Oberfläche ohne öffentliche Inhalte kann eine andere Architektur ausreichen. Grundlage der Entscheidung ist ein Vergleich des tatsächlichen Bedarfs an Rendering, Server und Wartung.