[{"data":1,"prerenderedAt":225},["Reactive",2],{"case-study-/hostcraft":3,"case-studies-/hostcraft":211},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":5,"title":7,"description":8,"caseStudy":9,"locale":10,"order":11,"seoTitle":12,"intro":13,"ogImage":14,"facts":15,"techs":25,"links":34,"body":41,"_type":206,"_id":207,"_source":208,"_file":209,"_extension":210},"/hostcraft","",false,"Hostcraft","Hostcraft gibt Gastgebern von Ferienunterkünften eine eigene Buchungsseite mit Kalenderabgleich zu Airbnb und Booking.com. Entwickelt mit Next.js, Payload CMS und Stripe.",true,"de",1,"Hostcraft: SaaS-App für Ferienunterkünfte – FoxWebcraft","Hostcraft ist eine SaaS-App für Gastgeber von Ferienunterkünften. Jede Unterkunft bekommt eine eigene Website mit Fotos, Preisen und einem Kalender, der mit Airbnb und Booking.com abgeglichen wird. Gäste fragen direkt beim Gastgeber an, ohne Provision an eine Plattform.","/projects/hostcraft.webp",[16,19,22],{"label":17,"value":18},"Projektart","Eigenes Produkt (SaaS)",{"label":20,"value":21},"Zeitraum","Juli bis September 2026",{"label":23,"value":24},"Rolle","Idee, Design, Entwicklung und Betrieb",[26,27,28,29,30,31,32,33],"React","Next.js","Tailwind CSS","Payload CMS","Stripe","KI-Integration","Resend","Hetzner",[35,38],{"label":36,"href":37},"hostcraft.rentals","https://hostcraft.rentals/de",{"label":39,"href":40},"Live-Demo: demo-novak.hostcraft.holiday","https://demo-novak.hostcraft.holiday/de",{"type":42,"children":43,"toc":192},"root",[44,53,59,64,70,75,80,85,91,98,103,109,114,120,125,131,136,142,147,151,157,162,167],{"type":45,"tag":46,"props":47,"children":49},"element","h2",{"id":48},"ausgangslage",[50],{"type":51,"value":52},"text","Ausgangslage",{"type":45,"tag":54,"props":55,"children":56},"p",{},[57],{"type":51,"value":58},"Wer eine Ferienwohnung über Airbnb oder Booking.com vermietet, zahlt bei jeder Buchung eine Provision. Gastgeber in meinem Bekanntenkreis haben sich oft über diese Kosten beschwert. Eine eigene Website wäre die Alternative, aber dafür fehlt meist die Zeit oder das technische Wissen. Wer zusätzlich über mehrere Plattformen vermietet, muss außerdem Doppelbuchungen vermeiden.",{"type":45,"tag":54,"props":60,"children":61},{},[62],{"type":51,"value":63},"Ziel war deshalb ein Produkt, mit dem Gastgeber ohne Vorkenntnisse eine eigene Buchungsseite bekommen, die mit ihren bestehenden Kalendern zusammenarbeitet.",{"type":45,"tag":46,"props":65,"children":67},{"id":66},"lösung",[68],{"type":51,"value":69},"Lösung",{"type":45,"tag":54,"props":71,"children":72},{},[73],{"type":51,"value":74},"Jede Unterkunft bekommt eine eigene Seite mit Fotos, Beschreibung, Preisen, Lage und freien Terminen. Gäste schicken eine Buchungsanfrage. Der Gastgeber bestätigt Termine und Preis, erst dann wird die Buchung verbindlich. Bezahlt wird direkt an den Gastgeber, per Überweisung oder Karte.",{"type":45,"tag":54,"props":76,"children":77},{},[78],{"type":51,"value":79},"Gastgeber zahlen einen festen Monatspreis pro Unterkunft, abgerechnet über Stripe. Die Seiten gibt es auf Deutsch, Englisch und Kroatisch, mit drei Designs zur Auswahl.",{"type":45,"tag":81,"props":82,"children":84},"case-gallery",{":images":83},"[{\"src\":\"/projects/hostcraft.webp\",\"alt\":\"Startseite von hostcraft.rentals mit der Vorschau einer Gastgeber-Website\",\"caption\":\"Startseite von hostcraft.rentals\"},{\"src\":\"/projects/hostcraft/hostcraft-6.webp\",\"alt\":\"Auswahl der drei Designs Minimal Luxury, Mediterranean und Nature\",\"caption\":\"Drei Designs zur Auswahl\"},{\"src\":\"/projects/hostcraft/hostcraft-7.webp\",\"alt\":\"Preisübersicht von Hostcraft mit Monatspreis pro Unterkunft und optionalem Einrichtungsservice\",\"caption\":\"Fester Monatspreis pro Unterkunft, auf Wunsch mit Einrichtungsservice\"},{\"src\":\"/projects/hostcraft/hostcraft-8.webp\",\"alt\":\"Übersicht, was Gäste auf einer Hostcraft-Website sehen\",\"caption\":\"Was Gäste auf der Website sehen\"},{\"src\":\"/projects/hostcraft/hostcraft-9.webp\",\"alt\":\"Ablauf einer Buchungsanfrage in drei Schritten bis zur Zahlung\",\"caption\":\"Der Gastgeber bestätigt jede Anfrage, bevor sie verbindlich wird\"}]",[],{"type":45,"tag":46,"props":86,"children":88},{"id":87},"technische-herausforderungen",[89],{"type":51,"value":90},"Technische Herausforderungen",{"type":45,"tag":92,"props":93,"children":95},"h3",{"id":94},"kalenderabgleich-mit-airbnb-und-bookingcom",[96],{"type":51,"value":97},"Kalenderabgleich mit Airbnb und Booking.com",{"type":45,"tag":54,"props":99,"children":100},{},[101],{"type":51,"value":102},"Die Verfügbarkeit wird mehrmals täglich per iCal mit den Kalendern der Plattformen abgeglichen. Eine Unterkunft kann dabei mehrere Kalender gleichzeitig haben. Gäste sehen so nur Termine, die wirklich frei sind, und Doppelbuchungen werden vermieden.",{"type":45,"tag":92,"props":104,"children":106},{"id":105},"mehrsprachigkeit-und-designs-pro-gastgeber",[107],{"type":51,"value":108},"Mehrsprachigkeit und Designs pro Gastgeber",{"type":45,"tag":54,"props":110,"children":111},{},[112],{"type":51,"value":113},"Alle Gastgeber-Seiten laufen auf derselben Codebasis. Sprache und Design sind Einstellungen pro Gastgeber. Ein neues Design oder eine Verbesserung steht dadurch sofort allen Gastgebern zur Verfügung.",{"type":45,"tag":92,"props":115,"children":117},{"id":116},"automatische-übersetzung-mit-ki",[118],{"type":51,"value":119},"Automatische Übersetzung mit KI",{"type":45,"tag":54,"props":121,"children":122},{},[123],{"type":51,"value":124},"Gastgeber schreiben ihre Texte nur in einer Sprache. Über die Claude API werden die Inhalte automatisch ins Deutsche, Englische und Kroatische übersetzt. So bekommt jede Unterkunft eine dreisprachige Website, ohne dass der Gastgeber selbst übersetzen oder einen Übersetzer beauftragen muss.",{"type":45,"tag":92,"props":126,"children":128},{"id":127},"ein-backend-für-gastgeber-ohne-technikkenntnisse",[129],{"type":51,"value":130},"Ein Backend für Gastgeber ohne Technikkenntnisse",{"type":45,"tag":54,"props":132,"children":133},{},[134],{"type":51,"value":135},"Die Zielgruppe ist breit, vom Gastgeber mit einer einzigen Ferienwohnung bis zum Betreiber mehrerer Apartments. Unterkünfte, Preise und Anfragen zu verwalten musste deshalb so einfach sein, dass es ohne Anleitung funktioniert.",{"type":45,"tag":92,"props":137,"children":139},{"id":138},"eine-buchungsseite-die-gäste-überzeugt",[140],{"type":51,"value":141},"Eine Buchungsseite, die Gäste überzeugt",{"type":45,"tag":54,"props":143,"children":144},{},[145],{"type":51,"value":146},"Die Gästeseite ist die Visitenkarte des Gastgebers. Große Fotos, klare Preise und ein kurzer Weg zur Anfrage sollen dafür sorgen, dass Gäste direkt anfragen statt über eine Plattform zu buchen.",{"type":45,"tag":81,"props":148,"children":150},{":images":149},"[{\"src\":\"/projects/hostcraft/hostcraft-2.webp\",\"alt\":\"Startseite der Demo-Unterkunft Villa Antonia in Trogir\",\"caption\":\"Live-Demo: Villa Antonia in Trogir\"},{\"src\":\"/projects/hostcraft/hostcraft-3.webp\",\"alt\":\"Übersicht der drei Apartments der Villa Antonia\",\"caption\":\"Übersicht der Apartments\"},{\"src\":\"/projects/hostcraft/hostcraft-4.webp\",\"alt\":\"Detailseite eines Apartments mit Ausstattung und Preis pro Nacht\",\"caption\":\"Detailseite eines Apartments mit Preis und Verfügbarkeit\"},{\"src\":\"/projects/hostcraft/hostcraft-5.webp\",\"alt\":\"Ausflugstipps rund um Trogir mit Fotos\",\"caption\":\"Ausflugstipps rund um die Unterkunft\"}]",[],{"type":45,"tag":46,"props":152,"children":154},{"id":153},"ergebnis",[155],{"type":51,"value":156},"Ergebnis",{"type":45,"tag":54,"props":158,"children":159},{},[160],{"type":51,"value":161},"Hostcraft ist seit September 2026 live. Die Plattform ist darauf ausgelegt, Hunderte bis Tausende Gastgeber zu betreiben, ohne dass für jeden Kunden eine eigene Installation nötig ist.",{"type":45,"tag":54,"props":163,"children":164},{},[165],{"type":51,"value":166},"Lighthouse-Werte der Hostcraft-Website (Desktop, gemessen im Oktober 2026):",{"type":45,"tag":168,"props":169,"children":170},"ul",{},[171,177,182,187],{"type":45,"tag":172,"props":173,"children":174},"li",{},[175],{"type":51,"value":176},"Performance: 99",{"type":45,"tag":172,"props":178,"children":179},{},[180],{"type":51,"value":181},"Barrierefreiheit: 96",{"type":45,"tag":172,"props":183,"children":184},{},[185],{"type":51,"value":186},"Best Practices: 93",{"type":45,"tag":172,"props":188,"children":189},{},[190],{"type":51,"value":191},"SEO: 100",{"title":5,"searchDepth":193,"depth":193,"links":194},2,[195,196,197,205],{"id":48,"depth":193,"text":52},{"id":66,"depth":193,"text":69},{"id":87,"depth":193,"text":90,"children":198},[199,201,202,203,204],{"id":94,"depth":200,"text":97},3,{"id":105,"depth":200,"text":108},{"id":116,"depth":200,"text":119},{"id":127,"depth":200,"text":130},{"id":138,"depth":200,"text":141},{"id":153,"depth":193,"text":156},"markdown","content:hostcraft.md","content","hostcraft.md","md",[212,216,220],{"_path":213,"title":214,"description":215,"order":193},"/mart","Mart App","MART ist eine App für iOS und Android, mit der Forschende Befragungen und Smartphone-Nutzungsdaten erheben. Eingesetzt in einer Studie der FU Berlin mit 1.780 Teilnehmenden.",{"_path":217,"title":218,"description":219,"order":200},"/autentik","autentik","autentik ist ein Wissensnetzwerk, das Inhalte über ihre Verbindungen erschließt. Millionen Einträge aus MusicBrainz, Wikipedia und Wikidata in Neo4j, entwickelt mit Nuxt und D3.js.",{"_path":221,"title":222,"description":223,"order":224},"/crypto-tax-tool","Crypto Tax Tool","Das Crypto Tax Tool wertet CoinTracking-Exporte aus: Steuerfreiheit mit frei einstellbarer Haltefrist, Bestand zu aktuellen Kursen, Gewinn- und Verlustanalyse und Transaktionsliste. Läuft komplett im Browser.",4,1791468982215]