Next.js für Einsteiger

Das Webentwicklungs-Framework Next.js bietet Ihnen alle Vorteile einer serverseitigen Anwendung mit der Geschwindigkeit und Einfachheit einer Single-Page-App.

Next.js ist ein Fullstack-Web-Framework, das auf dem React-Framework basiert. Next.js ermöglicht das Erstellen, Verwalten und Anpassen einer komplettem Webanwendung von Grund auf in JavaScript. Erfahren Sie, wie Sie Ihr Next.js-Projekt optimal nutzen können, ohne Konfigurationsaufwand und mit blitzschnellen, dynamischen Seitengeschwindigkeiten.

Entdecken Sie die Vorteile des serverseitigen Renderings mit Web-Frameworks wie Next.js. Sie lernen grundlegende Funktionen wie Seiten, Datenabrufe und Layout-Optionen kennen und werden auch fortgeschrittene Themen wie dynamische Routen sowie API-Routen verwenden.

Lernen Sie also, wie Sie ein React-Projekt von Anfang bis Ende erstellen und stylen, so gelingt Ihnen der perfekte Einstieg in Next.js.

Next.js - Einstieg

• Die Vorteile von Next.js
• Beschleunigen Sie Ihren Arbeitsablauf mit Next.js
• Lernen Sie die Bausteine einer Anwendung
• Was ist ein Web-Framework?
• Entdecken Sie das Next.js-Framework
• Lernen Sie die Vorteile von Next.js kennen

Grundlagen von Next.js

• Erste Schritte mit den Next.js Werkzeugen
• Neue Seiten erstellen
• Aufbau eines dateibasierten Routingsystems
• Links erstellen, um zwischen Seiten zu navigieren
• Einrichten von dynamischem Routing und URLs
• Einrichten eines dateibasierten Systems mit Null-Konfiguration

Pre-Rendering und Datenabruf in Next.js

• Kennenlernen der Renderingstrategien
• Nutzen der Rendering-Strategien mit getStaticProps
• Pre-Rendering zur Erstellungszeit mit statischer Generierung
• Pre-Rendering von superschnellen und super SEO-effizienten Inhalten
• Entdeckung der Rendering-Strategien mit getServerSideProps
• Verwendung dynamischer Routen und Benutzereingaben zur Abfrage von Inhalten
• Suchen, Abfragen und Vorrendern von Inhalten mit SSR
• Verwenden der Rendering-Strategien mit getStaticPaths
• Pre-Rendering zur Erstellungszeit mit statischen Pfaden
• Behandlung von Fehlern mit einer Fallback-Seite (404 not found)
• Anpassen einer Fehlerseite
• Pre-Rendering zur Build-Zeit versus Laufzeit

Styling einer Next.js-Anwendung

• Hinzufügen von globalen Stilen
• Verwendung von skaliertem CSS mit CSS-Modulen
• Gestalten von Next.js mit gestyltem JSX
• Laden von statischen Bildern
• Hinzufügen von globalem und skaliertem Styling

Next.js ist ein modernes Web-Framework, das von Entwicklern für Entwickler entwickelt wurde. Mit eingebauten Werkzeugen, gebrauchsfertigen Funktionen und hochentwickelten Schnittstellen machen Next.js das schnelle Erstellen von Webanwendungen zum Kinderspiel. Next.js ist alles in einem, eine Kombination aus allem verpackt in einem schönen Paket, das Ihnen hilft, moderne Web-Anwendungen einfacher, besser und schneller zu gestalten. Lernen Sie, wie Sie das Next.js-Framework nutzen können, um Ihre Arbeitsabläufe zu beschleunigen und zu verbessern. Erfahren Sie, wie Sie mit der automatischen Einrichtung schnell loslegen können, wie Sie Seiten und Navigationen zwischen Seiten ohne Konfiguration erstellen können. Sie werden lernen, wie Sie blitzschnelle Seiten erstellen, die dank der einfach zu bedienenden integrierten CSS-Funktion SEO-freundlich und responsiv sind.

Die Weiterbildung "Next.js für Einsteiger" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!