Kostenlos
Deine erste Website mit modernem Stack
Du baust deine erste echte, live-fähige Website mit einem modernen Stack aus Next.js und React, und lernst dabei von Anfang an sauber zu arbeiten. Du verstehst, wie ein Projekt strukturiert ist, was Komponenten sind und wie du Inhalte und Styling trennst. Am Ende hast du deine Seite lokal laufen und weißt, wie der Weg ins Netz aussieht, ohne die typischen Anfängerfehler zu wiederholen.
Das erwartet dich
6 Module · 23 Lektionen
Bevor du loslegst: Idee, Werkzeug, Haltung
- Was ein moderner Stack überhaupt ist
- Von der Idee zur ersten Seite
- Die Werkzeuge: Node, Editor, Terminal
- Sauber arbeiten ist eine Haltung
Ein Next.js-Projekt sauber aufsetzen
- Was Next.js und React sind
- Das Projekt anlegen
- Die Ordnerstruktur verstehen
- Der App Router und die erste Seite
In Komponenten denken
- Was eine Komponente ist
- Eine Komponente bauen
- Props: Komponenten mit Daten füttern
- Wann teilen, wann zusammenlassen
Inhalte und Styling
- Inhalt und Aussehen sauber trennen
- Styling-Grundidee mit Utility-Klassen
- Responsive denken von Anfang an
- Bilder und Schrift richtig einbinden
Lokal starten und entwickeln
- Den Entwicklungsserver starten
- Fehler lesen statt fürchten
- Versionierung: dein Sicherheitsnetz