Im vorigen Kapitel 2 haben wir klein festgelegt, „was und für wen" wir bauen. Dieses Kapitel ist Phase 2: Vorbereiten – bevor Sie tatsächlich Hand anlegen, richten Sie die vier Fundamente Technik, Werkzeuge, Design und Umgebung ein. Die Losung hier lautet: „nicht tüfteln, nicht grübeln, den Königsweg wählen". Sich schon in der Vorbereitung zu verausgaben, wäre verkehrt. Treffen Sie die KI-freundlichen Entscheidungen auf kürzestem Weg und schaffen Sie einen Zustand, in dem Sie sich voll auf die nächste Phase „Bauen" stürzen können.
Im Zweifel „das, was die KI gut kann" wählen, mehr nicht
Was Sie in Phase 2 tun
Die Vorbereitungsphase ist, kurz gesagt, „der Einkauf vor dem Bauen". Der häufigste Fehler in der Indie-Entwicklung ist, vor dem Bauen bei der „Werkzeugwahl" und dem „Aufsetzen der Umgebung" tagelang zu verlieren und erschöpft nie zum eigentlichen Teil zu gelangen. Hier kaufen wir kein hochwertiges Profigerät, sondern nur das Basisset.
Alle angesagten neuen Technologien recherchieren, Werkzeuge bis zum Letzten vergleichen, kostenpflichtige Tarife abwägen. Vor dem Bauen ist die Kraft weg.
Königsweg-Stack, ein Hauptwerkzeug und Gratis-Kontingent noch am selben Tag festlegen und am Folgetag mit dem Bauen beginnen.
Als Richtwert: Nicht mehr als einen ganzen Tag für die Vorbereitung. Die perfekte Wahl gibt es nicht, und mit der KI ist ein späterer Wechsel leicht. Mit „nehmen wir erst mal das" loslaufen ist richtig.
Technikwahl – der Königsweg macht das Umsetzen leicht
Ein Tech-Stack ist die Kombination aus Sprache, Framework, Datenbank und Infrastruktur, mit der Sie eine App bauen. Auf der Praxis-Route ohnehin, aber auch auf der Einsteiger-Route werden Ihre Anweisungen an die KI präziser, wenn Sie wissen, „mit welcher Technik" sie ausgeben soll.
Das Fazit zur Auswahl ist schlicht: Wählen Sie den „Königsweg", den die KI massenhaft gelernt hat und routiniert schreibt. Denn je mehr Informationen es zu einer Technik gibt, desto genaueren Code schreibt die KI. Bei exotischer neuer Technik ist die Informationslage dünn, und auch die KI irrt leichter. In der Indie-Entwicklung gilt die eiserne Regel: „Die KI kann es gut = das Umsetzen ist leicht = es wird fertig".
Viel Information, die KI schreibt es genau.
Beispiel: Frontend React/Next.js, Backend Laravel (PHP) oder Node.js, Datenbank PostgreSQL oder MySQL, für Auth und DB Supabase oder Firebase.
Erst frisch erschienene Technik, Konstellationen mit wenig Information in jeder Sprache, experimentelle Frameworks. Die KI irrt, und Sie hetzen der Prüfung hinterher. Wenn nicht zum Lernen, reicht der Königsweg.
💡 Die Technik müssen Sie „nicht selbst entscheiden". Wenn Sie nicht wissen, welcher Stack gut ist, genügt es, die KI zu fragen: „Ich baue XY (was Sie bauen wollen) als Indie-Projekt. Schlag mir einen gängigen Königsweg-Stack vor, den die KI leicht umsetzt und zu dem es viel Information gibt." Den Vorschlag können Sie unverändert übernehmen. Wer tiefer einsteigen will, sehe sich KI-freundliche Tech-Stacks an.
Auf der Einsteiger-Route (No-Code) können Sie sogar diese Auswahl dem Builder überlassen. KI-App-Builder wie v0 oder Bolt nutzen im Hintergrund automatisch Königsweg-Stacks wie React/Next.js, sodass Sie sich um die Technik kaum kümmern müssen.
Werkzeugwahl – hier trennt sich die Route
Das Wichtigste in diesem Kapitel ist die Werkzeugwahl. Nur hier teilt sich die Hauptwaffe klar nach der Route, die Sie in Kapitel 1 gewählt haben. Legen Sie zuerst ein Hauptwerkzeug fest.
Sagen Sie im Chat „so eine App hätte ich gern", und Screens wie Code werden automatisch erzeugt. v0, Bolt und Lovable sind die bekanntesten. Sie sehen die Vorschau und sagen einfach „ändere das hier so" – so nimmt es Gestalt an.
Vergleich → v0 vs Bolt vs Lovable
Sie fassen den Code direkt an und überlassen Umsetzung, Korrektur und Tests der KI zur Beschleunigung. Claude Code, Cursor, GitHub Copilot und Codex sind die Wichtigsten. Da sich damit erweitern und pflegen lässt, eignen sie sich für Produkte, die lange wachsen.
Vergleich → Vergleich der KI-Coding-Tools
Wer die Einsteiger-Route geht, sieht sich zuerst den Vergleichsartikel der App-Builder an, wählt einen aus und darf diesen Abschnitt überspringen und weiter zu Gestaltung und UI gehen. Wer die Praxis-Route geht, vergleicht im nächsten Abschnitt die KI-Editoren im Detail.
Praxis-Route: KI-Editoren vergleichen
Bei der Hauptwaffe der Praxis-Route, dem KI-Editor, gibt es aktuell vier Standardgrößen. Alle gehören zum Königsweg, ehrlich gesagt machen Sie mit keiner etwas falsch. Merken Sie sich nur die jeweiligen Stärken und wählen Sie die eine, die Sie anspricht.
Setzt im Dialog über mehrere Dateien hinweg autonom um und korrigiert. Stark bei großen Aufgaben, die von Konzeption über Umsetzung bis Test reichen. Läuft auf der Kommandozeile.
In der vertrauten VS-Code-artigen Oberfläche mit Blick auf den Code gemeinsam mit der KI editieren. Vervollständigung, Chat und Auto-Korrektur in einem. Ideal für den ersten KI-Editor.
Der Königsweg, in VS Code eingebettet. Vervollständigt angefangenen Code klug. Für alle, die KI ergänzen wollen, ohne ihre Umgebung groß zu ändern.
Ein Agent, der eine übergebene Aufgabe im Hintergrund autonom vorantreibt. Eine Option für Fortgeschrittene, die mehrere Arbeiten parallel laufen lassen wollen.
🧭 Im Zweifel so wählen. Wollen Sie mit Blick auf den Editor arbeiten, dann Cursor (Was ist Cursor?); wollen Sie im Dialog vieles am Stück übergeben, dann Claude Code. Mit einer dieser beiden liegen Sie kaum daneben. Die genauen Unterschiede im Vergleich Cursor vs Claude Code vs Copilot vs Codex.
Der Trick ist, sich auf ein Werkzeug zu beschränken und es einzuarbeiten. Statt vieles auszuprobieren, machen Sie zuerst eines als Partner mit der Hand vertraut. Da der Großteil der Bedienung „auf Deutsch bitten" ist, sind auch die Kosten eines späteren Wechsels gering.
Gestaltung und UI – nicht übertreiben
Das Aussehen der App – Logo, Farben, Screen-Layout (UI) – lässt sich heute ebenfalls mit KI erstellen. In der Vorbereitungsphase gilt aber die absolute Regel „nicht übertreiben". Wer beim Design zu tüfteln beginnt, verliert endlos Zeit. In der MVP-Phase ist die Haltung „nicht hässlich = bestanden" genau richtig.
Logo, Farben und Screen-Ideen aus Worten erzeugen. Ohne Design-Wissen genügt „in einem klaren Blauton". Vergleich unter Vergleich der KI-Design-Tools.
Es gibt auch Tools wie Claude Design, die zwischen Design und Code hin und her gehen. Das gestaltete Aussehen lässt sich direkt in die Umsetzung überführen.
Ohne Eigenbau-Ehrgeiz auf bestehende UI-Vorlagen oder CSS-Frameworks (etwa Tailwind) aufzusetzen, ist klug. Ein aufgeräumtes Aussehen ist im Nu da.
⚠️ Verlieren Sie keinen Tag mit pixelgenauem Feinschliff. Wenn Sie die Eckenrundung eines Buttons immer wieder nachjustieren wollen, ist das ein Warnsignal. Halten Sie beim Design nur die drei Punkte „2 bis 3 Farben festlegen, Weißraum lassen, die Schrift ordnen" ein, dann verschwindet der Laienlook zuverlässig. Die Feinarbeit hat Zeit, bis das Produkt veröffentlicht ist und genutzt wird.
Der App-Builder der Einsteiger-Route ordnet auch die UI automatisch, sodass Sie diesen Abschnitt fast ganz der KI überlassen können. Auch auf der Praxis-Route ist der schnellste Weg, zuerst die KI einen Entwurf machen zu lassen und nur die störenden Stellen zu korrigieren. Versuchen Sie nicht, von null selbst zu gestalten.
Die minimale Umgebung
Zum Schluss die Entwicklungsumgebung. Auch hier gilt: „Ein Konto anlegen genügt". Anders als früher müssen Sie meist nicht mehr stundenlang lokal eine Umgebung aufsetzen. Alles lässt sich mit dem Gratis-Kontingent beginnen.
Ein Konto für den gewählten KI-Builder / KI-Editor anlegen. Zuerst den Gratis-Tarif testen, bei Bedarf zahlen.
Auf der Praxis-Route ein GitHub-Konto. Der Standard zum Speichern und zur Versionsverwaltung von Code. Kostenlos nutzbar.
Vercel, Netlify, Supabase und andere. Großzügige Gratis-Kontingente. Jetzt reicht, den Namen zu kennen; ausführlich im Veröffentlichungskapitel.
✅ Nur beschaffen, „was Sie jetzt brauchen". Domain-Kauf, kostenpflichtiger Server oder ein Zahlungsdienst sind noch nicht nötig. Zum Bauen brauchen Sie nur das „Werkzeug" und den „Ort für den Code". Was Veröffentlichung und Monetarisierung erfordern, beschaffen Sie im jeweiligen Kapitel, wenn es so weit ist – nur so viel wie nötig. Zahlen Sie nicht auf Vorrat.
Haben Sie das Werkzeug registriert, richten viele KI-Editoren und Builder mit einem Klick auf „Neues Projekt erstellen" automatisch alle nötigen Dateien ein. Wenn Sie beim Umgebungsaufbau hängen, fügen Sie den Inhalt einfach in die KI ein und fragen – das löst sich meist. Schon in der Vorbereitung ist die KI Ihr Partner.
Zusammenfassung dieses Kapitels
- Wählen Sie bei der Technik den Königsweg. Was die KI routiniert schreibt = leichte Umsetzung = es wird fertig. Im Zweifel die KI vorschlagen lassen.
- Je Route ein Werkzeug. 🌱 Einsteiger = KI-App-Builder (v0/Bolt/Lovable), 🔧 Praxis = KI-Editor (Claude Code, Cursor, Copilot, Codex).
- Beim Design nicht übertreiben. Einen Entwurf per KI, dann nur Farben, Weißraum und Schrift ordnen – bestanden.
- Die Umgebung minimal. Ein Konto genügt, alles mit dem Gratis-Kontingent. Nicht auf Vorrat zahlen.
Das Fundament steht. Als Nächstes folgt endlich die Phase, in der Sie mit der KI Hand anlegen und Ihr Produkt tatsächlich Gestalt annehmen lassen. Klein zum Laufen bringen und verbessern, schnell im Kreis – wie das konkret geht, sehen wir im nächsten Kapitel 4 „Gemeinsam mit der KI bauen".