Kursbeschreibung

Next.js ist ein Frontend Framework für React, das Entwicklern ermöglicht, serverseitig gerenderte Webseiten einfach zu erstellen. Es bietet automatische Codeaufteilung, optimiertes Laden von Seiten und integrierte CSS-Unterstützung. Next.js eignet sich hervorragend für die Entwicklung von SEO-freundlichen Webanwendungen, bietet einfaches Routing und ermöglicht eine reibungslose Integration mit verschiedenen Datenquellen und APIs.

- Was ist Next.js und warum wird es verwendet?
- Erstellen der ersten Next.js-Anwendung
- Next.js-Projektstruktur
- Seiten und File-based Routing
- Erweitertes Routing und Datenfetching
- Statische und dynamische Routen
- Link-Komponente und Navigation
- Datenfetching (getStaticProps, getServerSideProps)
- Übungsprojekt
- Einfache Blog-Anwendung mit statischen Seiten und dynamischem Routing
- Pre Rendering und Client-Side Data Fetching
- Page Pre Rendering (Static Generation, Server-side Rendering)
- Client-seitiges Datenfetching und SWR
- Einführung in API Routes
- Integration mit Datenbanken und externen APIs
- Fullstack-Anwendungen mit Next.js
- Übungsprojekt
- Erweiterung des Blog-Projekts um API-Funktionalitäten
- State Management und Context API
- Einführung in das React Context API
- Verwaltung des App-weiten Zustands
- Performance und Best Practices
- Optimierung der Next.js App
- SEO, Bildoptimierung, Lighthouse
- Übungsprojekt
- Erstellung einer optimierten Landing Page
- Vollständiges App-Projekt, Authentifizierung und Deployment
- Einführung in Authentifizierungsstrategien
- Implementierung einer Authentifizierung
- Abschlussprojekt
- Planung und Entwicklung einer vollständigen Blog-Anwendung
- Integration aller gelernten Konzepte