← From Zero to Deployed Alle LektionenAll lessons Setup ModelleModels

Abschluss

17 · Alles zusammen

Du siehst den roten Faden — die Landkarte aus Phase 1 plus der Agent aus Phase 2 ergeben eine live App.

Wrap-up

17 · All together

You see the through-line — the map from Phase 1 plus the agent from Phase 2 make a live app.

Zum Schluss fügt sich alles zu einem Bild: Du hast die Landkarte (wie Apps funktionieren) und das Werkzeug (einen Agenten steuern). Zusammen ergibt das eine echte, erreichbare App.

Die Idee

Du hast eine Landkarte bekommen und gelernt, ein Fahrzeug zu lenken. Jetzt kannst du losfahren: eine kleine Idee nehmen und sie ins Internet bringen.

Am Instagram-Klon hast du jeden Teil einmal angefasst: den Feed (Frontend), das Speichern (Backend), die Beiträge (Datenbank), das Foto (Blob), den Container, das Deploy. Dasselbe Muster trägt jede App, die du künftig baust.

So funktioniert es

Das ganze Bild in einer Zeile: Frontend → Backend → Datenbank, verpackt in einem Container, betrieben in der Cloud, beschrieben mit Terraform, versioniert mit Git, erreichbar über eine öffentliche HTTPS-URL.

flowchart LR
    F[Frontend
Feed] --> B[Backend
API] --> D[(Datenbank
Beiträge)]
    D -.Foto.-> BL[Blob-Speicher]
    B -.verpackt in.-> C[Container]
    C -.läuft in.-> CR[Cloud Run]
    CR --> U[https://…run.app]

Die wichtigsten Mitnahmen: Jede App besteht aus denselben wenigen Teilen. Das Internet ist nur Adressen und Nachrichten. Container + Cloud + Terraform = ausliefern. Git ist dein Sicherheitsnetz. Du lenkst, der Agent baut.

So steuerst du es

Der Wert liegt nicht im Auswendiglernen, sondern im Urteilsvermögen: die richtige Frage stellen, den Diff prüfen, die einfachste Architektur wählen, Sicherheit und Kosten als Gewohnheit behandeln. Das überträgt sich auf jedes Werkzeug und jedes Projekt.

Nächster Schritt, konkret: Nimm dieses Wochenende eine kleine Idee aus deinem Alltag, deiner Ausbildung oder deinem Beruf — ein Symptom-Tracker, ein Proben-Log, ein Ersatzteil-Verzeichnis. Baue sie mit dem Agenten, committe unterwegs, containerisiere sie, deploye sie.

So sagst du es dem Agenten:

„Ich möchte eine kleine App für [deine Idee] bauen und auf Google Cloud deployen. Lass uns klein anfangen: erst das Gerüst.“

„Führe mich Schritt für Schritt bis zur öffentlichen URL und committe nach jedem funktionierenden Schritt.“

Fertig zählt mehr als perfekt: eine kleine, live App lehrt dich mehr als eine große, die nie online geht.

Kurz-Check

  1. Nenne die Kette vom Frontend bis zur öffentlichen URL.
  2. Was ist die eigentliche Fähigkeit, die du gelernt hast?
  3. Was ist dein konkreter nächster Schritt?
Antworten anzeigen
  1. Frontend → Backend → Datenbank → Container → Cloud (Cloud Run) → öffentliche HTTPS-URL.
  2. Urteilsvermögen: gut fragen, prüfen, einfach halten, sicher und kostenbewusst arbeiten.
  3. Am Wochenende eine kleine eigene Idee bauen und live deployen.

At the end everything forms one picture: you have the map (how apps work) and the tool (steering an agent). Together they make a real, reachable app.

The idea

You received a map and learned to steer a vehicle. Now you can set off: take a small idea and put it on the internet.

On the Instagram clone you touched every part once: the feed (frontend), saving (backend), the posts (database), the photo (blob), the container, the deploy. The same pattern carries every app you build from now on.

How it works

The whole picture in one line: frontend → backend → database, packed into a container, run in the cloud, described with Terraform, versioned with Git, reachable at a public HTTPS URL.

flowchart LR
    F[Frontend
feed] --> B[Backend
API] --> D[(Database
posts)]
    D -.photo.-> BL[Blob store]
    B -.packed in.-> C[Container]
    C -.runs in.-> CR[Cloud Run]
    CR --> U[https://…run.app]

The key takeaways: every app is the same few parts. The internet is just addresses and messages. Container + cloud + Terraform = shipping. Git is your safety net. You steer, the agent builds.

How you steer it

The value is not in memorizing but in judgment: ask the right question, review the diff, choose the simplest architecture, treat security and cost as habits. That transfers to any tool and any project.

Next step, concretely: this weekend, take one small idea from your daily life, studies, or work — a symptom tracker, a sample log, a spare-parts registry. Build it with the agent, commit along the way, containerize it, deploy it.

How to tell the agent:

"I want to build a small app for [your idea] and deploy it on Google Cloud. Let us start small: the scaffold first."

"Guide me step by step to the public URL and commit after each working step."

Shipping beats perfect: a small, live app teaches you more than a big one that never goes online.

Quick check

  1. Name the chain from frontend to the public URL.
  2. What is the real skill you learned?
  3. What is your concrete next step?
Show answers
  1. Frontend → backend → database → container → cloud (Cloud Run) → public HTTPS URL.
  2. Judgment: ask well, review, keep it simple, work securely and cost-consciously.
  3. This weekend, build a small idea of your own and deploy it live.