Ins Netz deployen
Dein Projekt live schalten, damit die ganze Welt es sehen kann
⏱ ca. ~9 Min
01 · Lesen
Alles, was du bisher gebaut hast, läuft auf localhost — deinem eigenen Computer. Niemand sonst kann es sehen. Das ändert sich jetzt.
Deployen heißt, deine Anwendung auf einen Server zu legen, der 24/7 mit dem Internet verbunden ist, sodass jeder mit der URL sie nutzen kann. Klingt kompliziert, aber moderne Plattformen machen es extrem einfach. Du pushst deinen Code, sie kümmern sich um den Rest.
Wir nutzen Render, weil es einen großzügigen Free-Tier hat, direkt mit GitHub funktioniert und null Server-Konfiguration braucht. Deine App ist in wenigen Minuten live.
💡 Stell dir das so vorlocalhost ist wie in deiner Küche zu kochen — nur deine Familie kann essen. Deployen ist wie ein Restaurant eröffnen: jeder von überall kann reinkommen. Render ist wie eine fertig eingerichtete Restaurant-Location mit Küche, Tischen und Adresse — du musst nur das Essen mitbringen (deinen Code).
02 · Schritt für Schritt
Deploy-Schritte für Render (Free-Tier). Folge ihnen der Reihe nach, und du hast in etwa 10 Minuten eine Live-URL.
1. Zu GitHub pushen
Stell sicher, dass dein Projekt in ein GitHub-Repository committet und gepusht ist. Render zieht deinen Code direkt von GitHub, alles muss also aktuell sein.
2. Bei render.com registrieren
'Sign up with GitHub' macht das Setup am einfachsten. So bekommt Render ohne extra Konfiguration Zugriff auf deine Repos.
3. Neuen Web Service anlegen
Klick auf 'New' → 'Web Service', um dein GitHub-Repo zu verbinden. Render fragt dich, welches Repo deployt werden soll.
4. Konfigurieren
Build-Command: npm install. Start-Command: node app.js. Damit weiß Render, wie deine App eingerichtet und gestartet wird. Der Build-Command installiert die Abhängigkeiten, der Start-Command startet deinen Server.
5. Umgebungsvariablen hinzufügen
Kopiere die Werte aus deiner .env in die Environment-Einstellungen von Render. Niemals in git committen — direkt im Render-Dashboard eintragen. Jedes Key-Value-Paar einzeln.
6. Deployen!
Klick auf Deploy und warte auf den Build. Du siehst die Logs in Echtzeit. Wenn der Status grün wird, ist deine App unter einer .onrender.com-URL live und kann mit jedem geteilt werden.
03 · Echte Übung
Nutze diese Checkliste, um dein Projekt zu deployen. Lass dir Zeit — beim ersten Deployment sind ein paar Versuche völlig normal.
04 · Quiz
Was macht eine Deployment-Plattform wie Render, wenn du Code zu GitHub pushst?
- Schickt dir dein Projekt per E-Mail als Zip-Datei
- Erstellt ein neues GitHub-Repository
- Zieht deinen Code automatisch, baut ihn und lässt ihn auf den eigenen Servern laufen
- Lädt deinen Code auf deine lokale Maschine herunter
05 · Ausfüllen
Beim Deployen einer Node.js-App muss die Plattform den _____-Befehl kennen, um deinen Server zu starten (z. B. 'node app.js').
06 · Lesen
Halte kurz inne und nimm wahr, was gerade passiert ist. Jemand auf der anderen Seite der Welt kann jetzt deine URL eintippen und etwas nutzen, das du gebaut hast. Du hast den Code geschrieben, du hast deployt, und es läuft jetzt auf einem echten Server.
Das ist der Moment, an den sich die meisten Entwickler ewig erinnern — das erste Mal, dass ihr Projekt live ging.
07 · Quiz
Deine .env-Datei enthält ein Datenbankpasswort und API-Keys. Wie gehst du beim Deploy nach Render mit diesen Werten um?
- Die .env in git committen, damit Render sie lesen kann
- Sie vor dem Deploy in den Quellcode kopieren
- Sie per E-Mail an den Render-Support schicken
- Sie in Render unter Environment Variables eintragen — niemals in git committen
08 · Ausfüllen
Beim Deploy einer Node.js-App auf Render sagt der _____-Befehl (z. B. 'npm install') der Plattform, wie sie die Abhängigkeiten deines Projekts einrichtet.
Andere Lektionen aus diesem Kapitel
⚠ Das volle interaktive Erlebnis braucht JavaScript. Bitte aktiviere es und lade die Seite neu.
※ Diese Seite ist ein unabhängiges Bildungsprojekt — kein offizielles Anthropic-Produkt. Claude™ ist eine eingetragene Marke von Anthropic, PBC.