Was du lernst
- Was Frontend, Backend und Datenbank bedeuten und wie sie sich die Arbeit zureichen
- Wie sich Next.js, Astro, TanStack Start und Vue unterscheiden und wann du zu welchem greifst
- Der Marketing-Seite-versus-App-Split und wann ein Monorepo seine Komplexität wert ist
Überblick
Du hast Kurs 1 mit dem Shippen einer echten Seite abgeschlossen und Kurs 2 damit, deinen Agent in ein Power-Tool zu verwandeln. Jetzt steigst du von einer einzelnen statischen Seite zu einer echten Anwendung mit Nutzern, Daten und Payments auf. Vor all dem brauchst du die Karte. Diese Lektion ist diese Karte: was ein Framework tatsächlich für dich tut, die drei Schichten, aus denen jede App gebaut ist, warum ernsthafte Teams eine schnelle Marketing-Seite von der schwereren App trennen und wann ein Monorepo ein Geschenk ist gegenüber einer Steuer. Mach das klar, und jede spätere Entscheidung in diesem Kurs fühlt sich nicht mehr willkürlich an.
Was du lernst
Du lernst den Unterschied zwischen Frontend, Backend und Datenbank in klarer Sprache, wie die wichtigsten 2026er Frameworks im Vergleich stehen und wann jedes passt, warum Firmen wie Clerk und Convex eine separate Marketing-Seite von ihrer App betreiben und die ehrliche Regel, wann sich ein Monorepo auszahlt. Am Ende kannst du die Architektur jedes SaaS auf einer Serviette skizzieren und erklären, warum sie so geformt ist.
Voraussetzungen
Kurs 1, besonders die Lektionen zum Projekt-Setup und Deploy, denn Architekturentscheidungen bauen auf einer funktionierenden Bauen-und-Shippen-Schleife auf. Du solltest dich beim Ausführen von Terminal-Befehlen wohlfühlen und mindestens eine Seite deployed haben. Wenn die Wörter "Framework" oder "TypeScript" noch unscharf sind, überflieg zuerst die Grundlagen-Seiten dazu, was ein Framework ist und was TypeScript ist, und komm dann zurück.
Ein Framework ist eine fertige Struktur, um Apps zu bauen, damit du nicht bei null anfängst. Lerne, was Frameworks sind und warum fast jede App eines nutzt.
TypeScript ist JavaScript mit Typprüfung, die Fehler abfängt, bevor du deinen Code ausführst. Lerne, was es ist und warum so viele Projekte es nutzen.
Node.js ist eine Runtime, mit der du JavaScript ausserhalb des Browsers ausführst. Lerne, was es ist, warum du es brauchst und wie du es in Minuten installierst.
Eine Datenbank ist ein organisierter Speicher für deine App-Daten, den du speichern, durchsuchen und aktualisieren kannst. Lerne, was Datenbanken sind und die Haupttypen.
Das Problem
Die meisten Einsteiger kleben eine App zusammen, indem sie kopieren, was ein Tutorial getan hat, ohne ein Modell davon, wie die Teile zusammenhängen. Dann stossen sie an eine Wand: die Marketing-Seite ist langsam, weil sie mit der ganzen App gebündelt ist, Auth und Daten sind in die UI verstrickt, und niemand kann sagen, wo eine bestimmte Verantwortung lebt. Das Ergebnis ist eine App, die schwer zu ändern und unmöglich zu durchdenken ist. Nichts davon ist ein Problem der Coding-Kompetenz. Es ist ein fehlendes mentales Modell. Diese Lektion installiert das Modell, damit dein Agent auf festem Boden baut statt auf einem Haufen kopierter Snippets.
Kommentare
Kommentare werden geladen.
Kommentar schreiben