Summary  
This chapter explains how to define and document prerequisite knowledge and dependencies—such as core languages, frameworks, and tools—required before implementing code.  

General domain of usage  
Web development

## Voraussetzungen für den Erfolg
Bevor Sie in diesen Kurs eintauchen, stellen Sie sicher, dass Sie ein solides Verständnis der folgenden Themen haben: **React** und **JavaScript**.

Wenn Sie neu in React und JavaScript sind, empfehlen wir Ihnen, diese Vorbereitungskurse zu absolvieren:
- <a 
href="https://codefinity.com/courses/v2/515d0daa-521e-42b6-8924-7df40da6d6ac"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">Einführung in JavaScript</a>;
- <a 
href="https://codefinity.com/courses/v2/1dcaf86a-11aa-492e-8e1d-06e055479aa9"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">Beherrschung von React</a>.

## Empfohlener Hintergrund (Nicht erforderlich, aber vorteilhaft)
Obwohl nicht zwingend erforderlich, wird das folgende Wissen Ihr Lernerlebnis verbessern. Der Kurs bietet vorgefertigten Code, damit Sie sich auf das Erlernen von Next.js konzentrieren können. Ein grundlegendes Verständnis der folgenden Konzepte bietet jedoch wertvollen Kontext:
- <a 
href="https://codefinity.com/courses/v2/c468052d-6d47-4677-b1d1-fb11ace719b1"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">HTML</a> & <a 
href="https://codefinity.com/courses/v2/a5d6ef50-cbf5-4a95-89d4-475b704cd811"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">CSS</a> Grundlagen;
- <a 
href="https://codefinity.com/courses/v2/a5c23211-8dc2-4c4a-9a83-07a51e843ab6"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">TypeScript</a>;
- <a 
href="https://codefinity.com/courses/v2/615567da-b053-4674-b89c-053057d2bca7"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">Tailwind CSS</a> Framework;
- PostgreSQL.

## Andere Anforderungen
1. **Node.js Version**: Node.js 18.17.0 oder eine spätere Version muss auf Ihrem Rechner installiert sein. Sie können es <a href="https://nodejs.org/en" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >hier</a> herunterladen;
2. **Betriebssysteme**: Dieser Kurs ist mit den folgenden Betriebssystemen kompatibel:
   - macOS;
   - Windows (einschließlich WSL - Windows Subsystem for Linux);
   - Linux.
3. **Kontoeinrichtung**: Um den Kursinhalt vollständig nutzen zu können, stellen Sie sicher, dass Sie die folgenden Konten haben:
   - GitHub-Konto: Wenn Sie noch keines haben, können Sie ein GitHub-Konto <a href="https://github.com/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >hier</a> erstellen;
   - Vercel-Konto: Stellen Sie sicher, dass Sie ein Vercel-Konto für eine nahtlose Integration bereit haben. Sie können sich <a href="https://vercel.com/" target="_blank" style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: .3s ease-in-out" onmouseover="this.style.color='#ff0000'" onmouseout="this.style.color='#d27204'" >hier</a> anmelden.

Next.js ist ein React-Framework, das für die Erstellung von Full-Stack-Webanwendungen entwickelt wurde. Mit Next.js nutzen Sie React, um Benutzeroberflächen zu erstellen, während Sie von zusätzlichen Funktionen und Optimierungen des Frameworks profitieren.

Lassen Sie uns besprechen, was Sie lernen müssen, bevor Sie in das Next.js-Framework eintauchen, was Sie von diesem Kurs erwarten können und was Sie bauen werden.

Wir werden das Projekt einrichten, Möglichkeiten zur Hinzufügung von Styling zu unserer App untersuchen und visuelle Aspekte wie Bilder, Schriftarten, Seiten und Layouts behandeln.

Lernen Sie, wie Sie einfach eine neue Ansicht für Ihre App erstellen und verwalten und nahtlos durch alle Seiten mit einem integrierten Routing-System navigieren können.

Stellen Sie die Next.js-App mit GitHub- und Vercel-Konten bereit. Richten Sie zusätzlich eine Datenbank ein, um die App mit den notwendigen Daten zu versorgen.

Überlegen Sie, wie Sie Daten klar und effizient abrufen und dem Benutzer anzeigen können.

Entdecken Sie, wie Sie moderne Webfunktionen wie Paginierung, CRUD-Operationen, globale Suche, Formularvalidierung und mehr implementieren.

Implementierung der Authentifizierung in Next.js.

Kursvoraussetzungen

Voraussetzungen für den Erfolg

Empfohlener Hintergrund (Nicht erforderlich, aber vorteilhaft)

Andere Anforderungen

Awesome!

Kursvoraussetzungen

Voraussetzungen für den Erfolg

Empfohlener Hintergrund (Nicht erforderlich, aber vorteilhaft)

Andere Anforderungen