[{"data":1,"prerenderedAt":316},["ShallowReactive",2],{"blog-/de/page-builder-walkthrough":3,"blog-related-/de/page-builder-walkthrough":197},{"id":4,"title":5,"author":6,"body":7,"date":180,"description":181,"extension":182,"image":183,"meta":184,"navigation":185,"path":186,"seo":187,"stem":188,"tags":189,"__hash__":196},"blog/de/page-builder-walkthrough.md","Eine Landingpage in Neleto bauen: Ein echter Walkthrough (Maus und Prompt)","Martin Swoboda",{"type":8,"value":9,"toc":170},"minimark",[10,14,24,29,37,45,49,52,60,79,82,86,89,95,102,105,109,112,126,133,137,140,148,152,160,163],[11,12,5],"h1",{"id":13},"eine-landingpage-in-neleto-bauen-ein-echter-walkthrough-maus-und-prompt",[15,16,17,18,23],"p",{},"Die meisten „Page-Builder\"-Artikel sind Demos, die die nervigen Teile leise überspringen. Das hier ist etwas anderes. Ich habe dieselbe Landingpage zweimal gebaut — einmal von Hand in unserem visuellen Builder, einmal, indem ich Claude über unseren ",[19,20,22],"a",{"href":21},"/de/blog/mcp-server-explained","MCP-Server"," darum gebeten habe — und beides gestoppt. Hier ist genau, was passiert ist, inklusive der Teile, die langsamer waren, als mir lieb ist.",[25,26,28],"h2",{"id":27},"was-der-page-builder-wirklich-ist","Was der Page-Builder wirklich ist",[15,30,31,32,36],{},"Neletos ",[19,33,35],{"href":34},"/de/docs/resources/pages","Page-Builder"," ist ein blockbasierter visueller Editor. Du ziehst Sektionen auf eine Arbeitsfläche — Hero, Text, Bild, Galerie, CTA, Spalten, Embed —, stellst Inhalt und Abstände in einem Seitenpanel ein, und die Seite rendert mit unserem eingebauten Rust-Frontend. Keine separate Frontend-App, kein Framework zum Verdrahten. Du klickst auf Veröffentlichen, und die Seite ist live auf deiner Domain.",[15,38,39,40,44],{},"Der Punkt ist: Du musst dich ",[41,42,43],"em",{},"nicht"," zwischen „Entwickler-Headless-Setup\" und „eingesperrter Website-Baukasten\" entscheiden. Du bekommst den visuellen Editor für die 90 %, und volle HTML/CSS-Kontrolle plus eine Plugin-API für die 10 %, die es brauchen.",[25,46,48],{"id":47},"bau-1-von-hand","Bau #1: von Hand",[15,50,51],{},"Ich habe eine Launch-Landingpage für einen fiktiven Kunden gebaut: Hero mit Headline und einem Anmelde-Button, eine dreispaltige Feature-Reihe, ein Testimonial-Block und ein abschließendes CTA.",[15,53,54,55,59],{},"Von Anfang bis Ende: ",[56,57,58],"strong",{},"etwa 11 Minuten."," Aufschlüsselung, wohin die Zeit ging:",[61,62,63,67,70,73,76],"ul",{},[64,65,66],"li",{},"Hero-Sektion: 2 Min. Block ziehen, Headline tippen, Hintergrund setzen, Button verlinken.",[64,68,69],{},"Dreispaltige Features: 4 Min. Das war der langsame Teil. Drei Spalten heißt drei Icons, drei Headlines, drei Kurztexte — und die Abstände gleichmäßig hinzubekommen.",[64,71,72],{},"Testimonial: 2 Min. Ziehen, Zitat einfügen, Namen und ein Foto ergänzen.",[64,74,75],{},"Abschließendes CTA: 1 Min.",[64,77,78],{},"Danach an den Mobile-Abständen herumbasteln: 2 Min.",[15,80,81],{},"Ehrliche Einschätzung: Der Builder ist bei Hero- und CTA-Blöcken wirklich schnell. Repetitiver mehrspaltiger Inhalt ist die Stelle, an der sich jeder visuelle Editor wie Datenerfassung anfühlt, und unserer ist da keine Ausnahme. Die Mobile-Vorschau hat zwei Abstandsprobleme erwischt, bevor ich veröffentlicht habe — das fand ich gut.",[25,83,85],{"id":84},"bau-2-per-prompt","Bau #2: per Prompt",[15,87,88],{},"Dann habe ich die Seite gelöscht und sie über den MCP-Server neu gebaut. Ich habe Claude geöffnet und ungefähr gesagt:",[90,91,92],"blockquote",{},[15,93,94],{},"„Erstelle eine Landingpage in Neleto namens ‚Spring Launch'. Hero-Headline ‚Schneller liefern, weniger zahlen', Subhead über eine 14-tägige Testphase und einen ‚Kostenlos starten'-Button. Füge eine dreispaltige Feature-Reihe zu Tempo, EU-Hosting und KI-Integration hinzu. Ergänze ein Testimonial von einer fiktiven Agenturinhaberin. Schließe mit einem CTA zum Buchen einer Demo ab. Nutze unsere Markenfarben und veröffentliche es als Entwurf.\"",[15,96,97,98,101],{},"Claude hat die Seite erstellt, jeden Block befüllt und sie als Entwurf zum Durchsehen liegen lassen. Verstrichene Zeit: ",[56,99,100],{},"etwa 90 Sekunden",", von denen das meiste war, dass ich gelesen habe, was dabei herauskam.",[15,103,104],{},"Die dreispaltige Reihe — der Teil, der von Hand vier Minuten gedauert hat — war genau der Teil, den der Prompt am besten hinbekam, weil drei parallele Dinge in einem Satz zu beschreiben weitaus schneller ist, als sie Block für Block zu bauen. Ich bin trotzdem noch reingegangen, habe den Testimonial-Wortlaut angepasst und ein Icon getauscht. Die KI hat mich auf 90 % gebracht; der visuelle Editor die letzten 10 %.",[25,106,108],{"id":107},"welchen-solltest-du-also-nehmen","Welchen solltest du also nehmen?",[15,110,111],{},"Beide, je nach Aufgabe. Nachdem ich das ein paar Mal gemacht habe, hier meine ehrliche Faustregel:",[61,113,114,120],{},[64,115,116,119],{},[56,117,118],{},"Prompte es",", wenn die Struktur repetitiv ist oder du sie schneller beschreiben kannst, als du sie klicken kannst: mehrspaltige Reihen, FAQ-Sektionen, Feature-Grids, alles mit parallelem Inhalt.",[64,121,122,125],{},[56,123,124],{},"Klicke es",", wenn du Art-Direction machst: Abstände nachjustieren, genau den richtigen Bildausschnitt wählen, einen Hero zum richtigen Gefühl bringen. Geschmack ist mit der Maus immer noch schneller.",[15,127,128,129,132],{},"Was ich nicht erwartet hätte, ist, wie oft ich jetzt im Prompt anfange und im Editor fertig werde. Die KI übernimmt das langweilige Gerüst, ich mache den Feinschliff. Diese Kombination ist ehrlich der schnellste Weg, den ich gefunden habe, um eine Seite online zu bringen — und der Grund, warum wir den ",[19,130,22],{"href":131},"/de/blog/mcp-connectors"," ins Produkt eingebaut haben, statt einen Chatbot anzuschrauben.",[25,134,136],{"id":135},"die-zahlen-auf-die-es-ankommt","Die Zahlen, auf die es ankommt",[15,138,139],{},"Für eine Landingpage mit vier Sektionen: 11 Minuten von Hand, 90 Sekunden per Prompt plus ein paar Minuten Feinschliff. Das ist kein fairer Wettkampf, aber darum geht es auch nicht. Der Punkt ist: Du sitzt nie fest. Nicht-technische Redakteure können Blöcke ohne Hilfe ziehen. Entwickler können in HTML abtauchen. Und jeder mit offenem Claude kann eine Seite beschreiben und bauen lassen.",[15,141,142,143,147],{},"Kein Frontend-Framework zum Aufsetzen. Keine nutzungsbasierte Rechnung, die explodiert, wenn die Seite Traffic bekommt. Sie rendert auf unserem Rust-Backend, ist also von Haus aus schnell, und sie ist ",[19,144,146],{"href":145},"/de/blog/eu-hosting-compliance","in Deutschland gehostet",", wenn du die EU-Region wählst.",[25,149,151],{"id":150},"probier-es-selbst","Probier es selbst",[15,153,154,155,159],{},"Wenn du den Prompt-zu-Seite-Flow sehen willst, ist der schnellste Test, ein ",[19,156,158],{"href":157},"/de/pricing","kostenloses Neleto-Projekt"," aufzusetzen, den MCP-Server mit Claude zu verbinden und es etwas bauen zu lassen. Gib ihm eine chaotische, einen Absatz lange Beschreibung einer Seite und schau, was zurückkommt. Öffne dann den visuellen Editor und mach sie zu deiner.",[15,161,162],{},"Dieser zweite Schritt — sie zu deiner machen — ist der Teil, auf den wir am stolzesten sind. Die KI bringt dich in Bewegung. Der Builder lässt dich fertig werden.",[15,164,165,166,169],{},"— ",[56,167,168],{},"Kostenlos starten auf neleto.io"," · das einzige CMS mit nativem MCP-Server, in der EU gehostet.",{"title":171,"searchDepth":172,"depth":172,"links":173},"",2,[174,175,176,177,178,179],{"id":27,"depth":172,"text":28},{"id":47,"depth":172,"text":48},{"id":84,"depth":172,"text":85},{"id":107,"depth":172,"text":108},{"id":135,"depth":172,"text":136},{"id":150,"depth":172,"text":151},"2026-07-27","Ich habe dieselbe Landingpage zweimal gebaut — einmal von Hand im visuellen Builder, einmal per Prompt an Claude über unseren MCP-Server — und beides gestoppt. Hier ist genau, was passiert ist, inklusive der Teile, die langsamer waren, als mir lieb ist.","md","/img/blog/page-builder-walkthrough.svg",{},true,"/de/page-builder-walkthrough",{"title":5,"description":181},"de/page-builder-walkthrough",[190,191,192,193,194,195],"Neleto","Page Builder","CMS","MCP","AI CMS","No-Code","SDwee-Nftgtwmat-iqTCke0M6ar33yRE-n0Q70CXMDQ",[198,200,211,222,231,241,250,261,269,280,290,300,307],{"path":186,"title":5,"description":181,"date":180,"author":6,"image":183,"tags":199},[190,191,192,193,194,195],{"path":201,"title":202,"description":203,"date":204,"author":6,"image":205,"tags":206},"/de/mcp-connectors","Neleto mit allem verbinden: Der native MCP-Server und das Connector-Ökosystem","Dein CMS sollte keine Insel sein. So sprechen Claude, Cursor und Windsurf direkt mit deinen Inhalten — und wohin die Reise als Nächstes geht.","2026-07-20","/img/blog/mcp-connectors.svg",[193,207,208,209,210,190,192],"Connectors","KI","Claude Code","Cursor",{"path":212,"title":213,"description":214,"date":215,"author":6,"image":216,"tags":217},"/de/wordpress-migration-walkthrough","Eine 40-Seiten-Website von WordPress umziehen: Ein ehrlicher Walkthrough von Anfang bis Ende","Die Content-Migration selbst dauerte keine Stunde. Der komplette Umzug — Domain, DNS, Weiterleitungen, Formulare, QA — brauchte fast einen ganzen Tag. Hier ist jeder Schritt, jede Stolperfalle und die Teile, die die Migrations-Guides gern weglassen.","2026-07-13","/img/blog/wordpress-migration-walkthrough.svg",[218,219,192,220,221,190],"WordPress","Migration","DSGVO","EU-Hosting",{"path":223,"title":224,"description":225,"date":226,"author":6,"image":227,"tags":228},"/de/html-to-editable-cms","Ich habe eine statische HTML-Seite mit einem Prompt zum editierbaren CMS gemacht","Webdesigner verlieren Tage damit, fertige Designs als CMS nachzubauen. So macht Neletos nativer MCP-Server das aus einem einzigen Prompt — inklusive Animationen und Custom-Cursor.","2026-07-06","/img/blog/html-to-editable-cms.svg",[193,229,230,209,192,190],"KI-Agenten","Webdesign",{"path":232,"title":233,"description":234,"date":235,"author":6,"image":236,"tags":237},"/de/console-launch-free-tier","Neleto Console ist live — und der Free-Tier ist offen","Registrier dich auf console.neleto.io, bekomm ein echtes CMS und zahl uns nichts. Hier ist, warum wir es so gebaut haben.","2026-06-29","/img/blog/console-launch-free-tier.svg",[238,190,239,240,221,192],"Build in Public","Free-Tier","Self-Serve",{"path":242,"title":243,"description":244,"date":245,"author":6,"image":246,"tags":247},"/de/mcp-server-explained","MCP-Server erklärt: Der Deep Dive","Wie das Model Context Protocol sichere, native Interaktion von KI-Agenten mit deinen Anwendungen ermöglicht — und warum native Implementierung entscheidend ist.","2026-06-22","/img/blog/mcp-server-explained.svg",[193,22,248,229,249],"Model Context Protocol","KI-Integration",{"path":251,"title":252,"description":253,"date":254,"author":6,"image":255,"tags":256},"/de/neleto-vs-contentful","Neleto vs Contentful: Welches CMS solltest du 2026 wählen?","Ein praxisnaher Vergleich für Entwickler, Agenturen und wachsende Unternehmen — von Preisen über Performance und KI-Integration bis hin zu EU-Compliance.","2026-06-16","/img/blog/neleto-vs-contentful.svg",[190,257,258,259,260],"Contentful","Headless CMS","CMS-Vergleich","KI-CMS",{"path":262,"title":263,"description":264,"date":265,"author":6,"image":266,"tags":267},"/de/agentic-traffic-surpassed-humans","Bots überholen uns: Was das agentische Web für dein CMS bedeutet","Cloudflare meldet: KI-Agenten treiben inzwischen den Großteil des Web-Traffics — 18 Monate früher als erwartet. Was das für die Art ändert, wie du Inhalte veröffentlichst, und was du jetzt tun solltest.","2026-06-08","/img/blog/agentic-traffic-surpassed-humans.svg",[268,229,193,192,190],"Agentisches Web",{"path":270,"title":271,"description":272,"date":273,"author":6,"image":274,"tags":275},"/de/glw-gmbh-case-study","Ein 40 Jahre altes Familienunternehmen modernisiert: Die neue Website der GLW GmbH mit Neleto","Wie wir für einen führenden deutschen Spezialisten für Kabelverarbeitung eine schnelle, mehrsprachige und CRM-integrierte Website mit Neleto umgesetzt haben — in enger Zusammenarbeit mit der Agentur Inhalt.","2026-06-05","/img/blog/glw-gmbh-case-study.svg",[276,277,190,278,279],"Case Study","Kundenprojekt","CRM-Integration","Custom Plugin",{"path":281,"title":282,"description":283,"date":284,"author":6,"image":285,"tags":286},"/de/eu-hosting-compliance","Warum EU-Hosting-Compliance für deine Website wichtig ist","Datensouveränität, DSGVO und die richtige Infrastruktur im Jahr 2026","2026-06-01","/img/blog/eu-hosting-compliance.svg",[220,287,288,289,190],"EU Hosting","Datenschutz","Compliance",{"path":291,"title":292,"description":293,"date":294,"author":6,"image":295,"tags":296},"/de/buergerstiftung-ravensburg","Bürgerstiftung Ravensburg: Moderne Website für gesellschaftliches Engagement mit Neleto","Wie wir für eine regionale Bürgerstiftung eine klare, schnelle und emotional ansprechende Website mit Neleto entwickelt haben — in enger Zusammenarbeit mit der Agentur Inhalt.","2026-05-29","/img/blog/buergerstiftung-ravensburg.svg",[276,297,298,190,299],"Nonprofit","Stiftung","Website",{"path":301,"title":302,"description":303,"date":304,"author":6,"image":305,"tags":306},"/de/what-is-mcp","Was ist das Model Context Protocol (MCP)?","Der neue Standard, der KI-Agenten mit deinen Tools und Daten verbindet","2026-05-25","/img/blog/what-is-mcp.svg",[193,208,248,229,192],{"path":308,"title":309,"description":310,"date":311,"author":6,"image":312,"tags":313},"/de/why-neleto-exists","Warum es Neleto gibt","Das CMS für Geschwindigkeit, Einfachheit und das KI-Zeitalter","2026-05-18","/img/blog/why-neleto-exists.svg",[192,208,314,315,190],"Webentwicklung","Performance",1785155274988]