[{"data":1,"prerenderedAt":496},["ShallowReactive",2],{"service-web-app":3,"related-web-app":251},{"id":4,"title":5,"benefits":6,"body":11,"cta":184,"description":187,"extension":188,"faq":189,"hudStats":202,"meta":219,"navigation":220,"order":221,"packages":222,"path":235,"process":236,"relatedReferences":242,"schema":246,"seo":247,"seoTitle":248,"slug":186,"stem":249,"__hash__":250},"leistungen\u002Fleistungen\u002Fweb-app.md","Web- & App-Entwicklung",[7,8,9,10],"Du bekommst eine Site, die in unter 100 ms ausliefert.","Du behältst die Kontrolle. Kein Page-Builder-Lock-in.","Du siehst nach Tag eins ein laufendes Preview.","Du startest mit Festpreis statt Stundenlotterie.",{"type":12,"value":13,"toc":173},"minimark",[14,44,49,56,80,87,91,94,97,101,104,107,110,113,129,133,146,149,153,163,166,170],[15,16,17,18,22,23,26,27,30,31,34,35,39,40,43],"p",{},"Du brauchst eine ",[19,20,21],"strong",{},"Webseite"," oder ",[19,24,25],{},"Web-App",", die schnell ist und nicht aussieht wie aus dem Baukasten. Aus ",[19,28,29],{},"Schmallenberg",", remote für ganz Deutschland. Ich baue Web-Frontends, Web-Apps und ",[19,32,33],{},"Progressive Web Apps"," mit ",[36,37,38],"em",{},"Nuxt"," und ",[36,41,42],{},"Vue",". Ohne Page-Builder, ohne Theme-Friedhof, ohne Buzzword-Bingo.",[45,46,48],"h2",{"id":47},"was-du-bekommst","Was du bekommst",[15,50,51,52,55],{},"Jedes Projekt startet mit ",[19,53,54],{},"Festpreis"," und klarem Scope. Du weißt vor Tag eins, was du bekommst und was es kostet. Kein Stundenkonto, das leise leerläuft. Kein Bauchgefühl-Pricing.",[15,57,58,59,62,63,66,67,70,71,75,76,79],{},"Technisch baue ich auf ",[36,60,61],{},"Nuxt 4",". Das Framework rendert serverseitig auf ",[36,64,65],{},"Cloudflare Workers",", mit Edge-Caching unter ",[19,68,69],{},"100 ms TTFB"," weltweit. Verarbeitung und Datenspeicher (KV, D1, R2) laufen mit der Einstellung ",[72,73,74],"code",{},"jurisdiction=eu",", bleiben also für ",[19,77,78],{},"DSGVO"," in der EU. Lighthouse-Scores im 95er-Bereich gehören zum Standard. SEO, Sitemap, OpenGraph-Bilder und strukturierte Daten gehören zum Setup.",[15,81,82,83,86],{},"Mobile baue ich als ",[19,84,85],{},"Progressive Web App",". Installiert sich auf iOS und Android direkt vom Browser aus, läuft offline, sendet Push-Benachrichtigungen und braucht keinen App-Store-Approval. Ein Code, alle Geräte, keine Store-Gebühren.",[45,88,90],{"id":89},"für-wen-das-passt","Für wen das passt",[15,92,93],{},"Du hast einen Shop, der zu langsam lädt. Du baust eine SaaS-Idee und brauchst MVP-Geschwindigkeit. Du betreibst eine Marke und willst eine Site, die nicht aussieht wie eine Vorlage. Du hast eine App-Idee und willst nicht 80.000 Euro an eine Agentur abdrücken.",[15,95,96],{},"Was nicht passt: WordPress-Wartung, Plugin-Friedhöfe, Drag-and-Drop-Klickerei. Wenn du das willst, gibt's günstigere Anbieter.",[45,98,100],{"id":99},"so-arbeiten-wir","So arbeiten wir",[15,102,103],{},"Tag eins: Briefing. Wir klären Ziel, Zielgruppe, Scope. Du bekommst ein Angebot mit Festpreis innerhalb von 48 Stunden.",[15,105,106],{},"Tag zwei bis zehn: Konzept und Design. Wireframes, Komponenten, Style-Guide. Du siehst ein klickbares Preview, kein totes PDF.",[15,108,109],{},"Ab Tag zehn: Build. Du bekommst täglichen Zugriff auf die Staging-URL. Feedback geht direkt rein, keine Warteschlangen.",[15,111,112],{},"Launch-Tag: Domain, SSL, Analytics, Backup. Ich übernehme den Push live. Du bekommst Doku, Zugänge und einen 30-Tage-Bugfix-Slot kostenlos.",[15,114,115,116,22,121,125,126,128],{},"Lust auf Beweise? Schau dir ",[117,118,120],"a",{"href":119},"\u002Freferenzen\u002Fpowerofrock","POWEROFROCK",[117,122,124],{"href":123},"\u002Freferenzen\u002Fmb-caravan","MB-CARAVAN"," an. Beide Live-Projekte, beide auf ",[36,127,38],{},", beide unter 100 ms.",[45,130,132],{"id":131},"performance-gehört-zum-standard","Performance gehört zum Standard",[15,134,135,138,139,141,142,145],{},[19,136,137],{},"Geschwindigkeit gehört zum Standard."," Eine Webseite, die zwei Sekunden zum Laden braucht, verliert Conversions, rankt schlechter, frisst Werbebudget. Deshalb baue ich primär auf ",[36,140,65],{},", deshalb optimiere ich Bilder per ",[36,143,144],{},"Sharp"," im Build, deshalb gibt's kein 800-KB-jQuery-Bundle in 2026.",[15,147,148],{},"Konkrete Werte aus Live-Projekten: Time-to-First-Byte unter 100 ms in Deutschland, Largest Contentful Paint unter einer Sekunde auf 4G, Total Blocking Time unter 100 ms. Lighthouse-Reports schicke ich vor und nach Launch. Du siehst, was du bekommst.",[45,150,152],{"id":151},"was-du-nicht-bekommst","Was du nicht bekommst",[15,154,155,156,22,159,162],{},"Keine WordPress-Templates. Keine Drag-and-Drop-Page-Builder. Keine Subscription-Falle, bei der du 49 Euro pro Monat zahlst, um deinen Footer-Text zu ändern. Wenn du das suchst, sind ",[36,157,158],{},"Webflow",[36,160,161],{},"Framer"," ehrliche Tools. Ich vermittle gerne.",[15,164,165],{},"Auch keine Buzzword-Workshops. Kein \"Design-Sprint\" mit Post-its, der drei Tage frisst. Wir arbeiten zielorientiert: Briefing, Konzept, Build, Launch. Punkt.",[45,167,169],{"id":168},"häufige-fragen","Häufige Fragen",[15,171,172],{},"Antworten zu Stack, Preisen, Dauer und Wartung findest du in der FAQ unten. Reicht das nicht: schreib mir direkt. Erstgespräch kostet nichts.",{"title":174,"searchDepth":175,"depth":176,"links":177},"",2,3,[178,179,180,181,182,183],{"id":47,"depth":175,"text":48},{"id":89,"depth":175,"text":90},{"id":99,"depth":175,"text":100},{"id":131,"depth":175,"text":132},{"id":151,"depth":175,"text":152},{"id":168,"depth":175,"text":169},{"label":185,"service":186},"Projekt anfragen","web-app","Web- und App-Entwicklung mit Nuxt, Vue und Progressive Web Apps. Schnelle Sites unter 100 ms TTFB, klare Scopes, Festpreis ab 1.500 Euro. Remote aus Schmallenberg.","md",[190,193,196,199],{"q":191,"a":192},"Welche Technologien nutzt du für Webseiten und Apps?","Frontend baue ich mit Nuxt 4 und Vue 3. Mobile geht als Progressive Web App, die sich auf iOS und Android wie eine native App installieren lässt, ohne App-Store-Umweg. Hosting läuft auf Cloudflare Workers mit jurisdiction=eu, also DSGVO-konform innerhalb der EU. Damit liefert die Site weltweit unter 100 ms aus.",{"q":194,"a":195},"Was kostet eine Webseite oder Web-App?","Eine Landing Page startet bei 1.500 Euro, eine mehrseitige Website ab 4.500 Euro, eine Web-App mit Auth und Datenbank ab 9.500 Euro. Du bekommst vor dem Start einen Festpreis, keine offene Stundenrechnung.",{"q":197,"a":198},"Wie lange dauert ein Projekt?","Eine Landing Page steht in zwei Wochen. Mehrseitige Sites brauchen drei bis fünf Wochen, Web-Apps mit eigener Logik vier bis acht. Tempo hängt davon ab, wie schnell du Inhalte und Feedback lieferst.",{"q":200,"a":201},"Übernimmst du auch Wartung und Hosting nach dem Launch?","Ja. Cloudflare-Deploy, SSL, Updates und Monitoring laufen über mich. Pflegevertrag startet bei 49 Euro pro Monat. Wenn du selbst hostest, übergebe ich sauber dokumentiert.",[203,207,211,215],{"label":204,"value":205,"accent":206},"STACK","NUXT\u002FVUE","accent-2",{"label":208,"value":209,"accent":210},"AB","1.500€","highlight",{"label":212,"value":213,"accent":214},"DAUER","2-8 WO","success",{"label":216,"value":217,"accent":218},"REGION","REMOTE","accent",{},true,1,[223,227,231],{"name":224,"price":225,"note":226},"LANDING","ab 1.500€","Eine Seite, eine Geschichte. Lighthouse 95+, Cloudflare-Deploy inklusive.",{"name":228,"price":229,"note":230},"WEBSITE","ab 4.500€","Bis zu acht Seiten, CMS, Formulare, SEO-Setup, Analytics.",{"name":232,"price":233,"note":234},"WEBAPP","ab 9.500€","Auth, Datenbank, individuelle Logik. Auch als Progressive Web App auf jedem Gerät installierbar.","\u002Fleistungen\u002Fweb-app",[237,238,239,240,241],"01 Briefing","02 Konzept","03 Build","04 Launch","05 Care",[243,244,245],"powerofrock","mb-caravan","crosstheatlas","Service",{"title":5,"description":187},"Web- & App-Entwicklung Schmallenberg \u002F Remote","leistungen\u002Fweb-app","3r6Ms1S_8FKy-0Zq6Dtd-n6OyY5pC51tDPspquTUWBo",[252,332,421],{"id":253,"title":254,"body":255,"branche":322,"description":174,"displayName":120,"extension":188,"liveUrl":323,"meta":324,"name":325,"navigation":220,"path":119,"rank":221,"relatedService":186,"screenshot":326,"seo":327,"slug":243,"stack":38,"stem":328,"summary":329,"year":330,"__hash__":331},"referenzen\u002Freferenzen\u002Fpowerofrock.md","Powerofrock",{"type":12,"value":256,"toc":317},[257,261,271,275,302,306],[45,258,260],{"id":259},"briefing","Briefing",[15,262,263,266,267,270],{},[19,264,265],{},"Power of Rock e.V."," macht Rockmusik in Bad Fredeburg. Die Site soll Events, Bands, Anfahrt und Tickets bündeln und dazu einen ",[19,268,269],{},"Vereins-Shop"," mit Versand betreiben. Die Vorgänger-Lösung war WordPress mit Event-Plugin, Shop-Plugin, Karten-Plugin. Jedes Update brachte zwei neue Konflikte. Anfahrtskarten waren statische Screenshots, der Shop ein PayPal-Link in der Bio.",[45,272,274],{"id":273},"lösung","Lösung",[15,276,277,278,281,282,285,286,289,290,293,294,297,298,301],{},"Eine ",[36,279,280],{},"Nuxt 3"," SSR-Site mit ",[19,283,284],{},"Directus"," als Headless-CMS. Veranstaltungen werden in Directus gepflegt, inklusive Geo-Koordinaten als PostGIS-Point. Auf der Site läuft eine ",[36,287,288],{},"Mapbox GL","-Karte mit den exakten Locations. Der Shop ist voll integriert: Produkte und Kategorien aus Directus, Warenkorb im LocalStorage (DSGVO-konform, kein Tracking), Checkout über ",[19,291,292],{},"Stripe Checkout",", Order-Status per Stripe-Webhook zurück nach Directus. Bestellnummern, Lagerbestand, Backorder-Logik laufen serverseitig. ",[36,295,296],{},"Sentry"," fängt Fehler ab, ",[36,299,300],{},"AOS"," macht die Scroll-Animationen.",[45,303,305],{"id":304},"outcome","Outcome",[15,307,308,309,312,313,316],{},"Veranstaltungen sind in Directus in ",[19,310,311],{},"2 Minuten"," angelegt, Karte und Countdown füllen sich automatisch. Der Shop verkauft Vereins-Merch ohne externen Anbieter, Zahlungen landen direkt auf dem Vereinskonto. Mobile lädt unter LTE schnell genug, dass Fans am Festival-Eingang noch das Bandprogramm checken. Die Redaktion arbeitet in ",[36,314,315],{},"einem"," Backend statt in drei Plugin-Oberflächen.",{"title":174,"searchDepth":175,"depth":176,"links":318},[319,320,321],{"id":259,"depth":175,"text":260},{"id":273,"depth":175,"text":274},{"id":304,"depth":175,"text":305},"Event","https:\u002F\u002Fpowerofrock.de",{},"powerofrock.de","\u002Freferenzen\u002Fpowerofrock.webp",{"description":174},"referenzen\u002Fpowerofrock","Event-Plattform mit Programm und Ticket-Funnel.",2024,"LI_2R4vm06MT-wt0Z009Ke7S5rz3OflG3tZpxOMl2vE",{"id":333,"title":334,"body":335,"branche":412,"description":174,"displayName":124,"extension":188,"liveUrl":413,"meta":414,"name":415,"navigation":220,"path":123,"rank":175,"relatedService":186,"screenshot":416,"seo":417,"slug":244,"stack":38,"stem":418,"summary":419,"year":330,"__hash__":420},"referenzen\u002Freferenzen\u002Fmb-caravan.md","Mb Caravan",{"type":12,"value":336,"toc":407},[337,339,349,351,394,396],[45,338,260],{"id":259},[15,340,341,344,345,348],{},[19,342,343],{},"MB-Caravan"," vermietet Wohnwagen im ",[19,346,347],{},"Sauerland",". Buchungen kamen vorher per Telefon und E-Mail, parallel lief ein Google-Kalender, der das Team manuell pflegen musste. Doppelbuchungen passierten, freie Termine wurden übersehen. Saisonale Preise (Hoch-\u002FMittel-\u002FNebensaison) hat jeder Mitarbeiter im Kopf gerechnet. Es fehlte ein Funnel, der Verfügbarkeit, Preis und Anfrage in einem Schritt liefert.",[45,350,274],{"id":273},[15,352,277,353,355,356,358,359,362,363,366,367,370,371,374,375,378,379,382,383,386,387,390,391,393],{},[36,354,280],{},"-Site auf ",[19,357,65],{},", gebaut für genau diesen einen Buchungs-Funnel. Der ",[19,360,361],{},"Datepicker"," liest belegte Tage live aus dem ",[19,364,365],{},"Google Calendar"," (Service-Account, JWT-Auth) und sperrt sie. Preise berechnet ein Saisonmodell direkt im Browser: 79 €\u002FNacht in der Hauptsaison Juni–August, 75 € im Mai\u002FSeptember, 70 € März\u002FApril\u002FOktober. Anfragen werden mit ",[36,368,369],{},"Zod"," validiert, ",[36,372,373],{},"Cloudflare Turnstile"," hält Bots draußen. Im Backend landen sie in ",[19,376,377],{},"Cloudflare D1"," über ",[36,380,381],{},"Drizzle ORM",", gleichzeitig geht eine ",[36,384,385],{},"MJML","-formatierte Bestätigungsmail über ",[19,388,389],{},"AWS SES"," raus und ein Termin in den Kalender. Eine ",[36,392,288],{},"-Karte zeigt den Standort.",[45,395,305],{"id":304},[15,397,398,399,402,403,406],{},"Buchungsanfragen landen sortiert in der DB ",[36,400,401],{},"und"," im Kalender. Doppelbuchungen sind technisch ausgeschlossen, weil belegte Tage im Picker grau sind. Der Kunde sieht den Preis bevor er anfragt. Die Site läuft auf Workers, also ohne Server, ohne Wartung, mit Cold-Start unter 50 ms. Das Team beantwortet Anfragen, die schon ",[19,404,405],{},"vollständig"," sind statt zu telefonieren, um Datum und Personenzahl zu klären.",{"title":174,"searchDepth":175,"depth":176,"links":408},[409,410,411],{"id":259,"depth":175,"text":260},{"id":273,"depth":175,"text":274},{"id":304,"depth":175,"text":305},"Caravan-Vermietung","https:\u002F\u002Fmb-caravan.de",{},"mb-caravan.de","\u002Freferenzen\u002Fmb-caravan.webp",{"description":174},"referenzen\u002Fmb-caravan","Wohnwagen-Vermietung mit Live-Verfügbarkeit aus Google Calendar und Saison-Pricing.","Hvl-sVUCOSoQ-L4KBl25-th9oRInxCvITn5mw5wFYXc",{"id":422,"title":423,"body":424,"branche":484,"description":174,"displayName":485,"extension":188,"liveUrl":486,"meta":487,"name":488,"navigation":220,"path":489,"rank":490,"relatedService":186,"screenshot":491,"seo":492,"slug":245,"stack":38,"stem":493,"summary":494,"year":330,"__hash__":495},"referenzen\u002Freferenzen\u002Fcrosstheatlas.md","Crosstheatlas",{"type":12,"value":425,"toc":479},[426,428,438,440,466,468],[45,427,260],{"id":259},[15,429,430,433,434,437],{},[19,431,432],{},"Cross the Atlas"," ist eine Alternative-Rock-\u002FMetal-Band aus dem ",[19,435,436],{},"Hochsauerland",". Die Site soll Bandprofil, Shows, Musik, Pressekit und Booking-Kontakt bündeln. Auftritt: dunkel, industriell, schnell, ohne Theme-Optik. Veranstalter brauchen einen Ort, an dem sie Tech Rider, Pressefotos und Pressetext in einem Klick finden.",[45,439,274],{"id":273},[15,441,277,442,355,444,446,447,450,451,454,455,458,459,462,463,465],{},[36,443,61],{},[19,445,65],{}," mit eigenem ",[19,448,449],{},"KV-basierten Asset-Storage",". Bilder und das Hero-Video (1920×1440, H.264 + VP9, Brightness-Flash-Reveal) liegen in ",[36,452,453],{},"Cloudflare KV"," und werden über eine Server-Route ausgeliefert. Die Navigation ist eine ",[19,456,457],{},"Fullscreen-Kompassrose"," mit vier SVG-Nadeln, die auf Hover stehen bleiben. Auf Mobile passt sich das Video per ",[72,460,461],{},"object-contain"," an, damit der Logo-Kompass komplett sichtbar bleibt. Kontaktformular läuft über ",[36,464,373],{},", ein eigenes Consent-Gate hält Spotify- und YouTube-Embeds zurück, bis der User zustimmt. Fonts (Montserrat + Montserrat Alternates) liegen lokal als woff2, also keine Google-Requests.",[45,467,305],{"id":304},[15,469,470,471,474,475,478],{},"Veranstalter laden Pressekit, Tech Rider und Pressefotos auf einer eigenen ",[72,472,473],{},"\u002Fdownloads","-Seite herunter. Die Site fühlt sich an wie ein Live-Set: Hero-Reveal in 2 s, Stagger-Animationen, kein Stockfoto. Performance ist trotz Hero-Video grün, weil Bilder als WebP über KV laufen und der Cold-Start auf Workers unter 50 ms liegt. ",[72,476,477],{},"prefers-reduced-motion"," wird respektiert.",{"title":174,"searchDepth":175,"depth":176,"links":480},[481,482,483],{"id":259,"depth":175,"text":260},{"id":273,"depth":175,"text":274},{"id":304,"depth":175,"text":305},"Band","CROSS-THE-ATLAS","https:\u002F\u002Fcrosstheatlas.de",{},"crosstheatlas.de","\u002Freferenzen\u002Fcrosstheatlas",4,"\u002Freferenzen\u002Fcrosstheatlas.webp",{"description":174},"referenzen\u002Fcrosstheatlas","Band-Site mit Hero-Video, Kompass-Navigation und Veranstalter-Downloads.","oIjC8qdNgh2HtfVHr-zu-hmg4FZBYbm-ohJHP-o-H9g",1779196540687]