[{"data":1,"prerenderedAt":315},["ShallowReactive",2],{"blog-/en/page-builder-walkthrough":3,"blog-related-/en/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/en/page-builder-walkthrough.md","Building a Landing Page in Neleto: A Real Walkthrough (Mouse and 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},"building-a-landing-page-in-neleto-a-real-walkthrough-mouse-and-prompt",[15,16,17,18,23],"p",{},"Most \"page builder\" articles are demos that quietly skip the annoying parts. This isn't that. I built the same landing page twice — once by hand in our visual builder, once by asking Claude to do it through our ",[19,20,22],"a",{"href":21},"/blog/mcp-server-explained","MCP server"," — and timed both. Here's exactly what happened, including the bits that were slower than I'd like.",[25,26,28],"h2",{"id":27},"what-the-page-builder-actually-is","What the page builder actually is",[15,30,31,32,36],{},"Neleto's ",[19,33,35],{"href":34},"/docs/resources/pages","page builder"," is a block-based visual editor. You drag sections onto a canvas — hero, text, image, gallery, CTA, columns, embed — set their content and spacing in a side panel, and the page renders with our built-in Rust frontend. No separate frontend app, no framework to wire up. You hit publish and the page is live on your domain.",[15,38,39,40,44],{},"The point is that you don't ",[41,42,43],"em",{},"have"," to choose between \"developer headless setup\" and \"locked-in website builder.\" You get the visual editor for the 90% case, and full HTML/CSS control plus a plugin API for the 10% that needs it.",[25,46,48],{"id":47},"build-1-by-hand","Build #1: by hand",[15,50,51],{},"I built a launch landing page for a fictional client: hero with headline and a signup button, a three-column feature row, a testimonial block, and a closing CTA.",[15,53,54,55,59],{},"Start to finish: ",[56,57,58],"strong",{},"about 11 minutes."," Breakdown of where the time went:",[61,62,63,67,70,73,76],"ul",{},[64,65,66],"li",{},"Hero section: 2 min. Drag the block, type the headline, set the background, link the button.",[64,68,69],{},"Three-column features: 4 min. This was the slow part. Three columns means three icons, three headlines, three blurbs, and getting the spacing even.",[64,71,72],{},"Testimonial: 2 min. Drag, paste quote, add the name and a photo.",[64,74,75],{},"Closing CTA: 1 min.",[64,77,78],{},"Fiddling with mobile spacing afterward: 2 min.",[15,80,81],{},"Honest take: the builder is genuinely fast for hero and CTA blocks. Repetitive multi-column content is where any visual editor starts to feel like data entry, and ours is no exception. The mobile preview caught two spacing issues before I published, which I appreciated.",[25,83,85],{"id":84},"build-2-by-prompt","Build #2: by prompt",[15,87,88],{},"Then I deleted the page and rebuilt it through the MCP server. I opened Claude and said, roughly:",[90,91,92],"blockquote",{},[15,93,94],{},"\"Create a landing page in Neleto called 'Spring Launch.' Hero headline 'Ship faster, pay less,' subhead about a 14-day trial, and a 'Start free' button. Add a three-column feature row covering speed, EU hosting, and AI integration. Add a testimonial from a fictional agency owner. End with a CTA to book a demo. Use our brand colors and publish it as a draft.\"",[15,96,97,98,101],{},"Claude created the page, populated every block, and left it as a draft for me to review. Elapsed time: ",[56,99,100],{},"about 90 seconds",", most of which was me reading what it produced.",[15,103,104],{},"The three-column row — the part that took four minutes by hand — was the part the prompt handled best, because describing three parallel things in one sentence is far faster than building them one block at a time. I still went in and tweaked the testimonial wording and swapped one icon. The AI got me to 90%; the visual editor got me the last 10%.",[25,106,108],{"id":107},"so-which-one-should-you-use","So which one should you use?",[15,110,111],{},"Both, depending on the task. After doing this a few times, here's my honest rule of thumb:",[61,113,114,120],{},[64,115,116,119],{},[56,117,118],{},"Prompt it"," when the structure is repetitive or you can describe it faster than you can click it: multi-column rows, FAQ sections, feature grids, anything with parallel content.",[64,121,122,125],{},[56,123,124],{},"Click it"," when you're art-directing: nudging spacing, choosing exactly the right image crop, getting a hero to feel right. Taste is still faster with a mouse.",[15,127,128,129,132],{},"The thing I didn't expect is how often I now start in the prompt and finish in the editor. The AI does the boring scaffolding, I do the polish. That combination is genuinely the fastest way I've found to put a page online, and it's the reason we built the ",[19,130,22],{"href":131},"/blog/mcp-connectors"," into the product rather than bolting on a chatbot.",[25,134,136],{"id":135},"the-numbers-that-matter","The numbers that matter",[15,138,139],{},"For a four-section landing page: 11 minutes by hand, 90 seconds by prompt plus a couple of minutes of polish. That's not a fair fight, but it's also not the point. The point is you're never stuck. Non-technical editors can drag blocks without help. Developers can drop into HTML. And anyone with Claude open can describe a page and have it built.",[15,141,142,143,147],{},"No frontend framework to set up. No usage-based bill that balloons when the page gets traffic. It renders on our Rust backend, so it's fast out of the box, and it's ",[19,144,146],{"href":145},"/blog/eu-hosting-compliance","hosted in Germany"," if you choose the EU region.",[25,149,151],{"id":150},"try-it-yourself","Try it yourself",[15,153,154,155,159],{},"If you want to see the prompt-to-page flow, the fastest test is to spin up a ",[19,156,158],{"href":157},"/pricing","free Neleto project",", connect the MCP server to Claude, and ask it to build something. Give it a messy, one-paragraph description of a page and watch what comes back. Then open the visual editor and make it yours.",[15,161,162],{},"That second step — making it yours — is the part we're proudest of. The AI gets you moving. The builder lets you finish.",[15,164,165,166,169],{},"— ",[56,167,168],{},"Start free at neleto.io"," · the only CMS with a native MCP server, hosted in the EU.",{"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","I built the same landing page twice — once by hand in our visual builder, once by prompting Claude through our MCP server — and timed both. Here's exactly what happened, including the bits that were slower than I'd like.","md","/img/blog/page-builder-walkthrough.svg",{},true,"/en/page-builder-walkthrough",{"title":5,"description":181},"en/page-builder-walkthrough",[190,191,192,193,194,195],"Neleto","Page Builder","CMS","MCP","AI CMS","No-Code","0irDF2G2OeuTbUw_4sbQ2-PgF9Hdw5wt_yLyZa5h8nc",[198,200,211,222,231,241,251,261,269,280,289,299,306],{"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},"/en/mcp-connectors","Connect Neleto to Anything: The Native MCP Server and Connector Ecosystem","Your CMS shouldn't be an island. Here's how Claude, Cursor, and Windsurf talk to your content directly — and where it goes next.","2026-07-20","/img/blog/mcp-connectors.svg",[193,207,208,209,210,190,192],"Connectors","AI","Claude Code","Cursor",{"path":212,"title":213,"description":214,"date":215,"author":6,"image":216,"tags":217},"/en/wordpress-migration-walkthrough","Migrating a 40-Page Site Off WordPress: An Honest, Start-to-Finish Walkthrough","The content migration took under an hour. The full cutover — domain, DNS, redirects, forms, QA — took the better part of a day. Here's every step, every gotcha, and the parts the migration guides skip.","2026-07-13","/img/blog/wordpress-migration-walkthrough.svg",[218,219,192,220,221,190],"WordPress","Migration","GDPR","EU Hosting",{"path":223,"title":224,"description":225,"date":226,"author":6,"image":227,"tags":228},"/en/html-to-editable-cms","I turned a static HTML page into an editable CMS site with one prompt","Web designers lose days rebuilding finished designs as a CMS. Here's how Neleto's native MCP server does it from a single prompt — animations, custom cursor and all.","2026-07-06","/img/blog/html-to-editable-cms.svg",[193,229,230,209,192,190],"AI Agents","Web Design",{"path":232,"title":233,"description":234,"date":235,"author":6,"image":236,"tags":237},"/en/console-launch-free-tier","Neleto Console Is Live — and the Free Tier Is Open","Sign up at console.neleto.io, get a real CMS, and pay us nothing. Here's why we built it that way.","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},"/en/mcp-server-explained","MCP Server Explained: The Deep Dive","How the Model Context Protocol enables secure, native AI agent interaction with your applications — and why native implementation matters.","2026-06-22","/img/blog/mcp-server-explained.svg",[193,248,249,229,250],"MCP Server","Model Context Protocol","AI Integration",{"path":252,"title":253,"description":254,"date":255,"author":6,"image":256,"tags":257},"/en/neleto-vs-contentful","Neleto vs Contentful: Which CMS Should You Choose in 2026?","A practical comparison for developers, agencies, and growing businesses — covering pricing, performance, AI integration, editor experience, and EU compliance.","2026-06-16","/img/blog/neleto-vs-contentful.svg",[190,258,259,260,194],"Contentful","Headless CMS","CMS Comparison",{"path":262,"title":263,"description":264,"date":265,"author":6,"image":266,"tags":267},"/en/agentic-traffic-surpassed-humans","Bots Just Out-Numbered Us: What the Agentic Web Means for Your CMS","Cloudflare says AI agents now drive the majority of web traffic — 18 months early. Here's why that changes how you publish content, and what to do about it.","2026-06-08","/img/blog/agentic-traffic-surpassed-humans.svg",[268,229,193,192,190],"Agentic Web",{"path":270,"title":271,"description":272,"date":273,"author":6,"image":274,"tags":275},"/en/glw-gmbh-case-study","Modernizing a 40-Year Family Business: GLW GmbH's New Website with Neleto","How we delivered a fast, multilingual, and CRM-integrated website for a leading German cable processing specialist — in close collaboration with agency Inhalt.","2026-06-05","/img/blog/glw-gmbh-case-study.svg",[276,277,190,278,279],"Case Study","Customer Story","CRM Integration","Custom Plugin",{"path":281,"title":282,"description":283,"date":284,"author":6,"image":285,"tags":286},"/en/eu-hosting-compliance","Why EU Hosting Compliance Matters for Your Website","Data sovereignty, GDPR, and choosing the right infrastructure in 2026","2026-06-01","/img/blog/eu-hosting-compliance.svg",[220,221,287,288,190],"Data Compliance","Privacy",{"path":290,"title":291,"description":292,"date":293,"author":6,"image":294,"tags":295},"/en/buergerstiftung-ravensburg","Bürgerstiftung Ravensburg: A Modern Website for Community Impact with Neleto","How we built a clear, fast, and emotionally engaging website for a regional community foundation using Neleto CMS — in close collaboration with agency Inhalt.","2026-05-29","/img/blog/buergerstiftung-ravensburg.svg",[276,296,297,190,298],"Nonprofit","Foundation","Website",{"path":300,"title":301,"description":302,"date":303,"author":6,"image":304,"tags":305},"/en/what-is-mcp","What is the Model Context Protocol (MCP)?","The new standard connecting AI agents to your tools and data","2026-05-25","/img/blog/what-is-mcp.svg",[193,208,249,229,192],{"path":307,"title":308,"description":309,"date":310,"author":6,"image":311,"tags":312},"/en/why-neleto-exists","Why Neleto Exists","The CMS Built for Speed, Simplicity, and the AI Era","2026-05-18","/img/blog/why-neleto-exists.svg",[192,208,313,314,190],"Web Development","Performance",1785135568702]