Achtung

Dieses Projekt ist ausschließlich für die Teilnehmer meines Workshops vorgesehen. Es dient zur Übung und zur Verbesserung der Fähigkeiten im Bereich der Fehleranalyse und -behebung in einem Next.js-Projekt.

---

Fehleranalyse und Bug-Fixing in einem Next.js-Projekt

---

Einleitung

In diesem Projekt liegt der Fokus darauf, Fehler im Code zu identifizieren und systematisch zu beheben. Du gehst in drei klaren Schritten vor:

1. Das Projekt starten und die Anwendung analysieren.
2. Eine Liste der gefundenen Fehler erstellen.
3. Die Fehler beheben und testen.

---

Schritt 1: Projekt starten

Um das Projekt zu starten, führe in deinem Terminal einen der folgenden Befehle aus:

npm run dev
# oder
yarn dev
# oder
pnpm dev
# oder
bun dev

Öffne danach http://localhost:3000 in deinem Browser, um die Anwendung zu laden.

---

Schritt 2: Fehlerliste erstellen

Nachdem du die Anwendung gestartet hast, teste alle Funktionen. Gehe danach strukturiert den Code durch. Erstelle eine strukturierte Liste der gefundenen Fehler. Diese Liste sollte für jeden Fehler die folgenden Informationen enthalten:

• Was ist der Fehler? Beschreibe ihn so genau wie möglich.
• Wo tritt der Fehler auf? Notiere die Datei, den Codeabschnitt oder die Funktion.
• Welche Auswirkungen hat der Fehler? Schreibe, wie sich der Fehler auf die Anwendung auswirkt.

---

Schritt 3: Fehler beheben

1. Arbeite gezielt an den gefundenen Fehlern:
   Öffne die betroffenen Dateien und bearbeite den fehlerhaften Code. Nutze die automatische Aktualisierungsfunktion von Next.js, um deine Änderungen sofort im Browser zu sehen.

2. Teste jede Änderung:
   Nach jeder Korrektur überprüfst du, ob der Fehler behoben ist. Falls nicht, analysiere den Code erneut, um die Ursache zu finden.

3. Führe die Liste fort:
   Arbeite Schritt für Schritt, bis alle Fehler behoben sind. Ergänze die Liste bei Bedarf mit neuen Beobachtungen.

---

Viel Erfolg bei der Fehleranalyse und dem Bug-Fixing!