Next.js für Einsteiger - Inhouse von HECKER CONSULTING

Beschleunigen Sie Ihren Softwareprojekte mit Next.js: Entdecken Sie, wie Sie ein Next.js-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.