Hydrate Less, Render More mit Nuxt

Die Wahl des richtigen Rendering-Modus für eine Single-Page Application endet nicht bei der Entscheidung zwischen Server- oder Client-Side Rendering. Es gibt weitere Faktoren zu berücksichtigen und zusätzliche Optionen – insbesondere solche, die die Hydration verbessern, wie Islands oder Lazy Hydration von Components.

In diesem Vortrag lege ich die Grundlagen, indem ich die wichtigsten Rendering-Modi vorstelle und das notwendige Wissen schrittweise aufbaue. Außerdem zeige ich in einer Demo mit dem Vue-Meta-Framework Nuxt, wie jede Methode funktioniert, damit du die passende Rendering-Strategie für deine Projekte sicher auswählen kannst.

Vorkenntnisse

Du hast bereits mit Single-Page-Applications (z. B. React, Angular, Vue) gearbeitet und hast eine grobe Ahnung davon, was clientseitiges und serverseitiges Rendering ist.

Lernziele

Nach dem Besuch der Session wirst du die Unterschiede zwischen verschiedenen Rendering-Modi kennen und verstehen, warum es wichtig ist, den Zweck ihrer Single-Page-Application bei der Wahl der passenden Rendering-Strategie zu berücksichtigen.