Zum Inhalt springen

Next.js & React: Die Seite kommt fertig an.

Next.js lässt den Server die fertige Seite ausliefern. Titel, Beschreibung und Text stehen schon in der ersten Antwort, noch bevor ein Skript läuft. Hier ist die Antwort dieser Seite abgedruckt, zum Vergleich die einer App, die erst im Browser baut.

Wer liest mit?

Liest: Titel, Beschreibung, Adresse, Sprachfassungen, Strukturierte Daten, Überschrift, Gliederung, Text.Liest: Sprache, Titel, Überschrift, Gliederung, Text.Liest: Titel, Überschrift, Gliederung, Text.

Diese Seite, vorab gerendert200GET /de/technologien/nextjs-react
  1. Sprachede
  2. TitelNext.js & React Entwicklung · CoderConda
  3. BeschreibungNext.js und React für Websites und Portale: Die Seite kommt fertig an, liegt in drei Sprachen vor und lässt sich im Quelltext prüfen.
  4. Adresse/de/technologien/nextjs-react
  5. Sprachfassungende /de/technologien/nextjs-reacten /en/technologies/nextjs-reactsr-Latn-RS /sr/tehnologije/nextjs-reactx-default /en/technologies/nextjs-react
  6. Strukturierte DatenTechArticle · BreadcrumbList · ProfessionalService
  7. ÜberschriftNext.js & React: Die Seite kommt fertig an.
  8. Gliederung1 × h1 · 4 × h2
  9. Text„Next.js lässt den Server die fertige Seite …“

8 von 8 Angaben stehen schon in der ersten Antwort.5 von 5 Angaben stehen schon in der ersten Antwort.4 von 4 Angaben stehen schon in der ersten Antwort.

Zum Vergleich: eine App, die erst im Browser baut200GET /de/technologien/nextjs-react
  1. <html lang="de">
  2. <div id="root"></div>
  3. <script src="/app.js"></script>

0 von 8 Angaben, bis das Skript läuft.1 von 5 Angaben, bis das Skript läuft.0 von 4 Angaben, bis das Skript läuft.

Schematisch: Suchmaschinen führen das Skript später aus, andere Leser nicht immer.

5 Zusagen, jede prüfbar

  1. Die Seite kommt fertig an.

    Quelltext anzeigen (Strg+U): Überschrift und Text stehen schon im ersten HTML.

    Zeilen 7 bis 9

  2. Drei Sprachen, ein Auftritt.

    Sprache wechseln: Du landest auf derselben Seite, und jede Fassung verweist auf die beiden anderen.

    Zeile 5

  3. Für Suchmaschinen lesbar.

    Titel, Beschreibung, Adresse und strukturierte Daten gehören zur Seite. Du findest sie im Quelltext.

    Zeilen 2 bis 4 und 6

  4. Mit der Tastatur bedienbar.

    Mit der Tastatur durch die Seite gehen: Der Fokus ist an jeder Stelle sichtbar, und die Überschriften gliedern sie.

    Zeile 8

  5. Ein Designsystem, viele Seiten.

    Öffne Leistungen und diese Seite nebeneinander: dieselbe Schrift, dieselben Linien, eine andere Anordnung.

    Leistungen

Wofür, und in welchem Angebot

Die fünf Einsätze von Next.js und React und das Angebot, zu dem jeder gehört
EinsatzWebsite & ContentFull-Stack DevelopmentPortal & Individualsoftware
Unternehmenswebsites mit tragfähiger Content-Strukturgehört dazuWebsite & Content
Landingpages für ein einzelnes Angebotgehört dazuWebsite & Content
Kundenportale mit Login und Statusansichtgehört dazuPortal & Individualsoftware
Produktseiten für SaaS und digitale Produktegehört dazuFull-Stack Development
Mehrsprachige Auftritte für DACH und Südosteuropagehört dazuWebsite & Content

Wo es hier läuft

  • coderconda.com

    Diese Website

    Drei Sprachen unter einer Domain

    • Next.js
    • React
    • TypeScript
  • KI-Exposé-Generator

    Personaldienstleister

    Exposés in rund 3 Minuten

    • Next.js
    • TypeScript
    • AI
    • PostgreSQL
    • PDF
  • Snipeflip

    Handelsplattform

    bis zu 2.500 Vorgänge pro Tag

    • Next.js
    • Node.js
    • PostgreSQL
    • Docker
    • Cloud

Passt das zu Deinem Vorhaben?

Im Erstgespräch frage ich nach Problem und Ziel. Welche Technik darunter läuft, ergibt sich daraus. Das Gespräch dauert 15 Minuten, läuft per Video, kostet nichts und verpflichtet zu nichts.