#152: Von Null zum MVP: Apps bauen mit Vibecoding ohne Code

Wir zeigen, wie Vibecoding aus klaren Ideen lauffähige Web-Apps macht, auch ohne klassische Programmierkenntnisse. Mit realen Beispielen, schnellen Workflows und ehrlichem Blick auf Grenzen führen wir vom Prompt zum MVP und sprechen über Hosting, Ownership und Skalierung.

• Definition von Vibecoding als dialogbasiertes Bauen
• Einsatz von ChatGPT, Gemini und Buildern wie Lovable, Replit
• Vom Anforderungsplan zur Datenbank und API-Verbindung
• PWA für schnelles Testing und Deployment
• Domains, Hosting und Geolokation mit Supabase
• Eigentum am Code und Hürden beim Plattformwechsel
• Workarounds für nicht standardisierte Integrationen
• Risiken bei Skalierbarkeit und Stabilität
• Agenten beschleunigen Planung und Umsetzung
• Praxisbeispiele: Journaling-App und Familienplattform

Transcript

Begrüßung Und Kontext

SPEAKER_01 0:14

Herzlich willkommen zur nächsten Podcast-Folge von Sophie's Next A My Talk. Before ich mit dem Dummel starten, wo ich mich wirklich sehr darauf freue, weil ich glaube, heute kann ich aber noch richtig viel Neues dazulernen. Habe ich gerade schon in der Vorbesprechung gemerkt. This is Solonex und CMM360. And jetzt starten wir nicht direkt mit Djoum. Jummel habe ich erst letzte Woche kennengelernt. Ich habe ja meine Bücher zum Thema künstliche Intelligenz für Familien geschrieben. Und dann bin ich an meinem Event gewesen und letztlich sagt mir mein anderer guter Freund, du, da hinten steht der Dschungel, geh mal zu dem, der hat eine lustige Familien-App gemacht. Und dann bin ich zu Dschungel und dann sind wir ins Reden gekommen. Achtung, es geht jetzt heute nicht um Familien-Apps, sondern es soll um Widecoding gehen. Denn Jummel hat sich dann rausgestellt, ist ein extrem erfahrener, ich nenne es mal Wipecoder, beziehungsweise hat schon einige Projekte daraufhin umgesetzt. Und ich möchte unbedingt heute mit dir dazu diskutieren. Jumel, danke, dass du dir die Zeit nimmst. Und vielleicht kannst du mal zum Einstieg einfach kurz sagen, was Vibecoding eigentlich ist oder wie du das für dich entdeckt hast.

SPEAKER_00 1:30

Ja, Vibecoding habe ich entdeckt, weil ich wollte so ein Projekt machen, meine Schwester zu helfen. Und dann habe ich ein paar Plattformen gesucht. Das war ein bisschen schwierig. Man muss so eine App entwickelt, entwickeln und so weiter. Und dann bin ich auf Rapid und Lovable gestoßen und dann habe ich angefangen und habe bemerkt, man kann richtig viel, viel machen. Und das ist ein bisschen mein Hobby geworden, Websites oder Web Apps zu entwickeln. Und die Kido ist so eine Plattform für Familien, sodass Familien sich in Chinesisch kennenlernen und dann auch ein bisschen mehr zusammenarbeiten können mit den Kindern. Also Playdates oder einfach so Austausch, dass sie sich ein bisschen wie früher in kleinen Dörfern helfen können.

SPEAKER_01 2:28

Okay, jetzt kurzer Einwand. Jetzt hast du gerade schon über Familien gesprochen. Stell dir vor, meine Mutter hörst du fast jeden Podcast zu und sie hat gar keine Ahnung, was Vibecoding überhaupt ist. Kannst du bitte für Leute wie meine Mutter oder auch andere Zuhörer nochmal ganz kurz erklären, was eigentlich mit Vibecoding gemeint ist?

Beispielprojekte Und KI-Workflow

SPEAKER_00 2:47

Ja, also es ist einfach so eine Plattformen, in denen man prompt die Ideen, and the Plattform macht all the coding für dich. Ich habe selber sehr wenig Erfahrungen mit Coding, also fast nichts. And man kann trotzdem Apps entwickeln. Du sagst einfach, was die App machen soll. And it machst all Backends, API Connection. Also zum Beispiel, ich bin kein Coder, but in my other project, Quietly Journal, habe ich an app entwickelt, die also nur erklärt, was ich wollte, and then the platform self entwicked. And this app heards a journaling app, and then reden, it schreibt for dich, and then it machines a wound-analyse mit KI and sagt dich, was dich gut tun, was wo bist du aufpassen? Und es gibt hier Vorschläge und alles wird entwickelt durch Vibecoding. Es ist einfach Coding mit Gespräch. Du sagst, was du möchtest und dann das System entwickelt dafür, die ab für dich.

SPEAKER_01 4:04

Jetzt schon mal direkt die Frage. Du hast gesagt, du hast wenig Coding-Erfahrung, du bist eigentlich kein Coder. Wie viel Erfahrung muss man denn doch können? Also muss man irgendeine Art von Code verstehen, lesen, schreiben können? Weil ich stelle es mir mal so vor, wenn ich ChatGPT nutze, ich weiß auch nicht jedes Thema in der Tiefe, wofür ich es nutze, aber ich habe immer eine Grundidee, sodass ich auch überhaupt einschätzen kann, ist das richtig oder falsch. Wie funktioniert das beim Whitecoding?

SPEAKER_00 4:39

Man muss ein bisschen logisch denken. Man weiß, okay, um zum Beispiel Familien zu vernetzen, die Daten von diesen Familien müssen irgendwo sein. Und dann das System muss herausfinden, welche Familien wohnen in die Nähe, oder haben Kinder mit dem selben Alter. Man muss ein bisschen mehr so strategisch denken. Und was ich mache eigentlich? Ich benutze sehr viel Chat-GPT oder Gemini und ich sage my ideas, and then frage, wie ich das bauen soll. Mache mir einen Plan. It is a bit trial and error. I frage in the chat, what the ground is. Manchmal finde ich eine einfacher Antwort. Zum Beispiel and then it function gar not, and then I have it. And then we said, Ah, it's not kept a backend. Okay, yeah, it makes sense. And then bows to the backend, but it can do lowerable backends with Superbase. And then it's very schneller so much new to entwick, weil ich schon sehr viele Fehler gemacht und then ich habe schon so ein System, so ein Mentalsystem entwickelt, was welche sind die Schwierigkeiten oder was das System nicht selbst versteht.

SPEAKER_01 6:35

Okay, also wir fangen mal an. Du hast grundsätzlich eine Idee, du willst irgendwas für Eltern machen, und dann nimmst du ein ganz, ich nenne es mal ein ganz normales KI-Tool, ChatGBT, Perplexity Gemini 9, and fragst du nach der Business Idee, nach dem Plan, nach den möglichen Funktionen. This is alles nur Text. Und wann wird dann der Code entwickelt?

Vom Prompt Zum Plan Im Builder

SPEAKER_00 6:59

Dann falls im Lovable zum Beispiel or RapPLIT or Google AI Studio. Dann give ich den Prompt in diesem Tool und ich frage den Tool, einen Plan zu entwickeln. Weil den Tool muss denken, okay, was soll ich erst erstellen? Um es dann, dass ich dann all diese Dinge verbinden, zum Beispiel Database, Queries und so weiter. Und dann, wenn ich einen guten Plan habe, ich stelle immer die Frage, hast du Clarification? Und dann fragt mich, wollte ich das mehr so oder so? Is that for family or for friends? I still have a few friends, and then in 10 minutes has an MVP.

SPEAKER_01 8:01

Okay, so you said bewilder, the system will not have that uncle are. And then you have the code. But then we're not to understand for all. When I chat, then I have no text. But we would then apply to the next one. Du hast mir die App gezeigt auf dem Handy. Ich konnte die wirklich im Handy öffnen. And da muss es ja noch, die muss ja noch gehostet werden, die muss ja irgendwie wirklich als App verfügbar sein. Wie funktioniert das?

SPEAKER_00 8:30

Also es ist ein bisschen ein Trick, oder? Ich selbst entwickle ein PWA. Das ist so eine Web-App. Das ist so browser-based, aber es funktioniert wie ein App. Das ist einfach momentan. Aber die Plattformen jetzt entwickelt auch Apps. Ich finde einfach das für Testing und für Entwicklung und für eine neue Idee schnell zu bauen, arbeite ich lieber mit dem Web app. Aber in Zukunft dann, wenn alle die Funktionalität drin sind und UI is gut und so weiter, dann kann ich mich in Zukunft vorstellen, dann die Apps nativ für iPhone und Android zu erstellen.

SPEAKER_01 9:17

Aber jetzt ganz kurze Zwischenfrage. Die Web App, die braucht ja auch eine Domain zum Beispiel. Die braucht einen Namen. Die muss ja auf dem Server liegen. Wer macht das für mich? Macht das alles ChatGPT oder Google Developer Studio? Wer macht das?

Eigentum, Plattformwechsel, Exporte

SPEAKER_00 9:35

Du kannst sehr einfach ein Domain kaufen, direkt in diesen Tools, zum Beispiel RedPlit and Lovable, kannst du direkt einen Domain dort kaufen. Ich kaufe meine Informaniac, weil ich möchte Domain.ca und ja, dann Hosting geht über Superbase, glaube ich. Und dann kannst du auch wählen, wo in deinem App gehostet wird, also geographic. But this is all automatic. Was Wahnsinn ist, ist schon ein bisschen verstehen, was passiert, and good lesen die Erklärung, um was the plan is. Dann hast du eine Idee von what, but musst du nichts technisch wissen. And that sind mit API from OpenAI.

SPEAKER_01 10:38

Okay.

SPEAKER_00 10:54

And then I'm saying, then I must enter with Alpine or with Swiss GPT or with Infomaniac. And then you ask how you do this machine, and then you said, Hey, good. There are so many points. And then you say, okay, what do I do so that it function? And this is the first shape, it must be.

SPEAKER_01 11:59

Und du hast am Anfang gesagt, du hast sogar das Backend, machst du auch mit den Tools. Also du hast im Hintergrund alles Backend, du kannst die Eltern zum Beispiel managen, die Nutzer managen, die Leute können sich anmelden, das funktioniert alles über Vibecoding.

SPEAKER_00 12:16

Genau, ja.

SPEAKER_01 12:18

Und wem gehört die App? Ist das deine App oder gehört sie den AI-Plattformen?

Grenzen, Integrationen, Skalierung

SPEAKER_00 12:23

Das ist eine gute Frage. Du kannst, wenn du so ein bezahlter Nutzer bist, dann kannst du bist Owner, du bist ein Besitzer von den App. Ob der Code einfach zu. Ich habe schon versucht, so, wenn ich die App gewechselt habe, ich fand es schwierig, einen Code from a platform to the other zu bringen. Okay. But when also it is by Schritt, oder? And then what I merked is that I think Rapplit, the genome prompt that I braucht, um to entwick. And then I have the prompt from Rapplit and copy-paste off lovable. And that was schneller. So a bit more gekostet, but I had kept Kopfschmerzen um Database and so Code zu exportieren und so weiter. Das ist wahrscheinlich nicht das Effiziente, aber das war auch viel einfacher. Ich musste gar nicht verstehen, um das zu machen.

SPEAKER_01 13:43

Sehr interessant. Jetzt nochmal eine Frage, jetzt hast du gerade schon gesagt, okay, man muss da manchmal so einen Umweg gehen, dies und jenes. Wo würdest du sagen, wo geht das Vibecoding wirklich nicht? Wo kommt man da an Grenzen?

Agenten, Fortschritt Der Tools

SPEAKER_00 13:58

Also momentan habe ich immer Workarounds gefunden, denn es geht nicht. Ich glaube, wenn man mit anderen Systemen arbeiten, die nicht so standard sind. Zum Beispiel, ich habe noch nicht versucht, etwas zu machen, wo du in einer Firma, du hast so ein System und du musst die Daten von dort nehmen, und es gibt noch kein API oder kein, es ist nicht so in die Plattform selbst gebaut, dann wird es schwierig oder man muss ein gutes Verständnis haben von anderen so ein bisschen mehr Coding-Erfahrung haben. Und Scalability, ist auch für mich schwierig, jetzt zu wissen, ob ich so 10.000 Nütze haben. Wie stabil wird das gesamte Projekt sein? Momentan nicht mehr so viele MVPs und dafür, ich finde, es gibt. Ja, also wie gesagt, am Anfang war es, so ich habe im Juni angefangen, also May. Und ich musste so kleine Prompts machen. Das war Sheet by Sheet. And jetzt mit Agents, sie machen das. Also es ist viel schneller geworden. Manchmal schwierig tool and how schnell it's. Lovable is gerade so one year old geworden, glaube ich. So ich habe es für sechs Monat benutzt, and I have so a ries of Fort gesehen. And it's so the Fortune Plattform, died verstehen, was du machen möchtest, aber auch von all diesen Modellen, die sie benutzen. Diesen Plattformen sind so eigentlich Prompt Wrapper, oder? Sie benutzen andere Modelle wie Cloud zum Beispiel, und sie geben diesen Prompt zum Cloud und sie nehmen einen Prompt, verstehen was die Logik hinter dieser Idee steht, und dann machen einen Code mit Cloud. Ich selbst benutze viele API zum Beispiel für Bildern, benutze ich so Flux, Flux schnell und dann sind API sind auf Plattformen wie Recate zum Beispiel. Und ja, es also gibt es, man muss schon ein bisschen so Geduld haben, aber jedes Monat finde ich, dass man braucht weniger Geduld, weil es geht einfach fast immer direkt in Produktion.

SPEAKER_01 17:13

Also du hast mich jetzt echt motiviert. Ich habe nämlich Laufwebel vor einigen Monaten ausprobiert und ich glaube, ich hatte die Geduld nicht. Und alle, die mich kennen, wissen auch, dass ich sowieso nie viel Geduld habe. Aber das bin ich mit dir und vor allen Dingen die Apps, die ich von dir gesehen habe, die haben mich jetzt schon motiviert, dann sind das eigentlich, ich glaube, wenn wir mit dem Abend nochmal in den nächsten Versuch starten. Also dann bin ich mal an, wenn wir uns nächste Woche treffen, ich komme dann mit Fragen und sagst, dann komme ich nicht weiter, du hast gesagt, das ist einfach. Aber ich möchte am nächsten sofort loslegen. Ich möchte dir aber gerne anschlossen noch die Chance given. Du hast jetzt schon echt cool and verschiedene things gemacht. Was ist so deine App or Web Application, which we have, where you am meisten stolz bist, or where you say, Wow, I'm feeling to test?

Motivation, Nächste Schritte, App-Favoriten

SPEAKER_00 18:12

And I'm so many, man can be from the app self. Under ich benutze it, and I ler from me self. I have each day a few Sets, which I feel, and so we are the analyse is good. But the other thing that I cool and more impact has is Kidu, this family platform. Aber die beiden finde ich sehr cool. Ich wäre froh, wenn wir dann diese Web-Up besuchen und versuchen.

SPEAKER_01 19:27

Sehr gerne, ich würde vorschlagen, du schickst mir beide Links von den Apps. Und dann würde ich die Links mit in die Shownotes tun. Und ansonsten, ich warne dich jetzt schon vor, dass bei unserem Drink nächste Woche ich sicherlich mit Fragen kommen werde. Ich denke aber auch der ein oder andere Zuschauer, wenn er noch eine Frage hat, darf sich gerne bei dir melden.

Links, Kontakt Und Voice-Idee

SPEAKER_00 19:49

Gerne, ja. Und noch eine Dinge, ich wollte so, ich habe jetzt einen GPT mit einem GPT-Mischen gespielt und ich habe eine richtig gute Idee, dass wir zusammen entwickeln könnten. Also eine Voice to Voice, die genau wie diese GPT funktioniert, einfach so wie ein Call. Das finde ich cool und können wir gerne zusammenarbeiten.

Dank An Partner Und Abschluss

SPEAKER_01 20:08

Sehr gerne. Ich glaube, es gibt Potenzial für weitere Folgen. Ideen. Thema Voice hatten heute weniger angesprochen. Joel, ich danke dir vielmals für deine Zeit, für die Inputs. Ich danke allen Podcast-Hörern, aber natürlich auch meinen Partnern und meine Partner Solonex und CMM360. Vielen Dank euch und ja, bis zur nächsten Folge euch allen.