13 Module von Setup bis Deployment
Jedes Modul enthaelt erklaerten Code, Rails-Analogien und eine Live-Demo in der DevNotes-App.
Setup und Orientierung
Node, TypeScript, Next.js installieren und das Projektgeruest verstehen.
React + TS Crashkurs
JSX, Props, Hooks und TypeScript-Grundlagen fuer React-Einsteiger.
Routing und Navigation
File-System-Routing, dynamische Segmente und Link-Komponente.
Server vs. Client Components
Das zentrale Konzept von Next.js: wo laeuft welcher Code?
Data Fetching
async/await in Server Components, Suspense und Streaming.
Prisma und Datenbank
Schema definieren, Migrationen ausfuehren und Daten abfragen.
Mutations und Server Actions
Formulare, Server Actions und optimistische UI-Updates.
Caching und Revalidation
Request-Memoization, Data-Cache und revalidatePath verstehen.
Styling und Optimization
Tailwind v4, next/image, next/font und Core Web Vitals.
Auth-Basics
Sessions mit iron-session, Login-Flow und Middleware-Schutz.
Route Handlers und APIs
REST-Endpunkte mit Route Handlers und Web-Standard-APIs.
Testing Ueberblick
Vitest, React Testing Library und Playwright im Ueberblick.
Deployment und Self-Hosting
Docker-Build, Standalone-Output und Coolify-Deployment.