[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"kontakt":3,"site":93},{"id":4,"aside":5,"extension":11,"form":12,"header":76,"meta":80,"seo":81,"states":84,"stem":91,"__hash__":92},"kontakt\u002Fkontakt.yml",{"headline":6,"text":7,"emailLabel":8,"responseLabel":9,"responseText":10},"Lieber direkt schreiben?","Kein Problem. Formular oder Mail – bei mir landet beides im selben Postfach, und du sprichst in jedem Fall direkt mit mir.","E-Mail","Antwortzeit","In der Regel innerhalb eines Werktags","yml",{"groupContact":13,"groupProject":14,"groupMessage":15,"groupAttachments":16,"groupProjectHint":17,"requiredHint":18,"optionalHint":19,"fields":20,"projectTypeOptions":48,"timelineOptions":56,"serviceOptions":61,"attachmentHint":70,"attachmentLargeFileHint":71,"submitLabel":72,"submittingLabel":73,"privacyNote":74,"privacyLinkLabel":75},"Kontakt","Angaben zum Projekt","Deine Nachricht","Anhang","Nichts davon ist Pflicht. Je mehr du ausfüllst, desto konkreter kann ich dir gleich antworten.","Pflichtfeld","optional",{"name":21,"email":24,"company":26,"phone":29,"website":32,"projectType":36,"timeline":38,"services":40,"message":43,"attachments":46},{"label":22,"placeholder":23},"Name","Vor- und Nachname",{"label":8,"placeholder":25},"name@beispiel.de",{"label":27,"placeholder":28},"Unternehmen \u002F Organisation","Falls du für eine Organisation anfragst",{"label":30,"placeholder":31},"Telefon","Für einen Rückruf",{"label":33,"placeholder":34,"help":35},"Bestehende Website","https:\u002F\u002F…","Bei einem Relaunch hilft mir der Blick auf den Ist-Zustand.",{"label":37},"Worum geht es?",{"label":39},"Zeitrahmen",{"label":41,"help":42},"Welche Leistungen brauchst du?","Mehrfachauswahl – ruhig grob, das lässt sich später schärfen.",{"label":44,"placeholder":45},"Nachricht","Beschreib kurz, was du vorhast. Was soll am Ende dabei herauskommen?",{"label":47},"Dateien anhängen",[49,50,51,52,53,54,55],"Neue Website","Relaunch einer bestehenden Website","Web-App \u002F Portal","Hosting & Domains","Wartung & Betreuung","Beratung","Sonstiges",[57,58,59,60],"So schnell wie möglich","In 1–3 Monaten","In 3–6 Monaten","Noch offen",[62,63,64,65,66,67,68,69],"Konzept & Design","Entwicklung","Redaktionssystem (CMS)","Hosting","Domain & DNS","SEO","Wartung & Support","Barrierefreiheit","Bis zu 3 Dateien, zusammen maximal 7 MB. Erlaubt sind PDF, Bilder, Office-Dokumente, Textdateien und ZIP-Archive.","Für größere Dateien nutz bitte einen Cloud-Dienst deiner Wahl und schick mir den Link – oder frag kurz nach, dann stelle ich dir eine Upload-Möglichkeit bereit.","Anfrage senden","Wird gesendet …","Mit dem Absenden werden deine Angaben per E-Mail an mich übermittelt, damit ich deine Anfrage bearbeiten kann. Weitere Informationen findest du in der","Datenschutzerklärung",{"label":13,"headline":77,"headlineAccent":78,"intro":79},"Erzähl mir von","deinem Projekt.","Name, E-Mail, Nachricht – mehr brauche ich nicht. Wenn du magst, kannst du unten noch ein paar Angaben zum Projekt ergänzen; das spart uns beiden eine Nachfragerunde, ist aber komplett freiwillig.\nIch melde mich in der Regel innerhalb eines Werktags.",{},{"title":82,"description":83},"Kontakt & Projektanfrage","Projekt anfragen oder einfach Hallo sagen – ein paar Angaben genügen, damit ich deine Anfrage direkt einschätzen kann.",{"successHeadline":85,"successText":86,"successBackLabel":87,"successAttachmentsDropped":88,"errorHeadline":89,"errorText":90},"Danke für deine Anfrage!","Deine Nachricht ist bei mir angekommen. Ich melde mich in der Regel innerhalb eines Werktags bei dir zurück.","Zurück zur Startseite","Deine Dateien waren allerdings zu groß für den Mailversand und konnten nicht mitgeschickt werden. Ich melde mich deswegen bei dir – oder schick sie mir direkt per Cloud-Link.","Das hat leider nicht geklappt","Deine Anfrage konnte nicht gesendet werden. Versuch es bitte gleich noch einmal – oder schreib mir direkt eine E-Mail.","kontakt","TYOpe0C7faa-KtuHVGpNUTyJFDl9yQ6C9CzKHzvExps",{"id":94,"contact":95,"extension":11,"kunden":97,"meta":133,"services":134,"stem":159,"technologien":160,"ticker":267,"__hash__":275},"site\u002Fsite.yml",{"email":96},"hallo@REDPANDA.digital",[98,103,107,110,114,118,122,126,129],{"alt":99,"src":100,"seit":101,"showOnSite":102},"Stadt Rösrath","\u002Fimg\u002Fkunden\u002Fstadt-roesrath.svg",2019,true,{"alt":104,"src":105,"seit":106,"showOnSite":102},"Finka Flitzer","\u002Fimg\u002Fkunden\u002Ffinkaflitzer.svg",2025,{"alt":108,"src":109,"seit":101,"showOnSite":102},"Stift und Form","\u002Fimg\u002Fkunden\u002Fstiftundform.png",{"alt":111,"src":112,"seit":113,"showOnSite":102},"Team Düster","\u002Fimg\u002Fkunden\u002Fduester.webp",2014,{"alt":115,"src":116,"seit":117,"showOnSite":102},"Queermentor","\u002Fimg\u002Fkunden\u002Fqueermentor.svg",2021,{"alt":119,"src":120,"seit":121,"showOnSite":102},"TVH","\u002Fimg\u002Fkunden\u002Ftvh.svg",2017,{"alt":123,"src":124,"seit":125,"showOnSite":102},"St. Sebastianus Schützenbruderschaft Rösrath","\u002Fimg\u002Fkunden\u002Fschuetzen-roesrath.jpg",2015,{"alt":127,"src":128,"seit":113,"showOnSite":102},"Rösrath wird zur Galerie","\u002Fimg\u002Fkunden\u002Froesrath-wird-zur-galerie.jpg",{"alt":130,"src":131,"seit":132,"showOnSite":102},"afp24","\u002Fimg\u002Fkunden\u002Fafp24.png",2020,{},[135,147],{"number":136,"title":137,"description":138,"icon":139,"tags":140},"01 — Web-Entwicklung","Entwicklung moderner Web-Anwendungen","Individuelle Websites und Web-Apps mit modernem Tech-Stack. Von der schlanken Landing Page bis zur komplexen Single-Page-Application. Konzipiert und entwickelt in enger Abstimmung mit dir.","web",[141,142,143,144,145,146],"React","Next.js","Node.js","TypeScript","Vue.js","CMS",{"number":148,"title":149,"description":150,"icon":151,"tags":152},"02 — Hosting & Infrastruktur","Hosting, Domain & DNS","Zuverlässiges Webhosting auf deutschen Servern, vollständiges Domain- und DNS-Management. SSL-Zertifikate, tägliche Backups und ein direkter Ansprechpartner inklusive.","hosting",[153,154,155,156,157,158],"DE-Server","SSL\u002FTLS","DNS","Domains","Backups","Hohe Verfügbarkeit","site",[161,166,170,175,181,186,191,197,202,208,214,220,226,232,238,244,250,256,261],{"src":162,"name":141,"desc":163,"url":164,"info":165,"showOnSite":102},"\u002Fimg\u002Ftech\u002Freact.svg","UI-Framework","https:\u002F\u002Freact.dev","React ist ein Werkzeugkasten von Meta, mit dem sich Bedienoberflächen im Browser bauen lassen – alles, was auf einer Seite klickbar ist und sich verändert.\nStatt bei jeder Aktion die komplette Seite neu zu laden, tauscht React nur die Bereiche aus, die sich tatsächlich ändern. Für Besucher:innen fühlt sich das schneller und flüssiger an.",{"src":167,"name":145,"desc":163,"url":168,"info":169,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fvue.svg","https:\u002F\u002Fvuejs.org","Vue erfüllt denselben Zweck wie React: Es baut die interaktiven Oberflächen einer Website.\nDer Unterschied liegt im Stil – Vue bleibt näher an klassischem HTML und ist dadurch meist schneller zu erlernen und zu pflegen. Für Projekte, die später auch von anderen weiterentwickelt werden sollen, ist das ein echter Vorteil.",{"src":171,"name":142,"desc":172,"url":173,"info":174,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fnextjs.svg","React Framework · SSR","https:\u002F\u002Fnextjs.org","Next.js baut auf React auf und ergänzt alles, was aus einer Oberfläche eine vollständige Website macht: Seitenstruktur, saubere Adressen und vor allem das Vorbereiten der Seiten auf dem Server. Dazu gehört auch das Optimieren von Bildern für die schnelle Darstellung und die Möglichkeit, weitere Funktionen als API bereitzustellen.\nDas bedeutet: Die Seite kommt fertig beim Besucher an, statt erst im Browser zusammengesetzt zu werden. Das ist spürbar schneller und Suchmaschinen können die Inhalte zuverlässig lesen.",{"src":176,"name":177,"desc":178,"url":179,"info":180,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fnuxt.svg","Nuxt.js","Vue Framework · SSR","https:\u002F\u002Fnuxt.com","Nuxt ist für Vue das, was Next.js für React ist: Es macht aus dem Oberflächen-Werkzeug eine komplette Website – mit Server-Rendering, sauberen Adressen, API-Funktionen, Bildoptimierung und kurzen Ladezeiten.\nDiese Website hier läuft beispielsweise auf Nuxt.",{"src":182,"name":143,"desc":183,"url":184,"info":185,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fnodejs.svg","Backend · Laufzeitumgebung","https:\u002F\u002Fnodejs.org","Node.js ist die Umgebung, in der der Programmcode einer Anwendung auf dem Server ausgeführt wird – vergleichbar mit dem Motor unter der Haube. Der Code wird dabei in TypeScript oder JavaScript geschrieben.\nDer praktische Vorteil: Vorder- (\"Frontend\", also der sichtbare Teil der Website) und Rückseite (\"Backend\", der unsichtbare Teil im Hintergrund) einer Anwendung sprechen dieselbe Sprache. Das vereinfacht Entwicklung und Wartung erheblich und ist der Grund, warum ich diese Technologie hauptsächlich einsetze.",{"src":187,"name":144,"desc":188,"url":189,"info":190,"showOnSite":102},"\u002Fimg\u002Ftech\u002Ftypescript.svg","Typisierung · JavaScript","https:\u002F\u002Fwww.typescriptlang.org","TypeScript ist eine Erweiterung der Programmiersprache JavaScript. Man könnte es im Grunde als ein Sicherheitsnetz bezeichnen.\nEs prüft schon beim Schreiben, ob Daten zusammenpassen: ob also tatsächlich ein Datum dort ankommt, wo ein Datum erwartet wird. Dadurch fallen viele Fehler auf, lange bevor sie auf der Live-Website landen könnten. Außerdem wird der Code besser lesbar, da überall direkt klar ist, welche Daten an einer bestimmten Stelle erwartet werden.",{"src":192,"name":193,"desc":194,"url":195,"info":196,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fstrapi.svg","Strapi","Headless CMS","https:\u002F\u002Fstrapi.io","Strapi ist ein Redaktionssystem (engl.: Content Management System, kurz CMS): Hier kannst du Texte, Bilder und Inhalte selbst pflegen, ohne Code anzufassen.\n\"Headless\" bedeutet, dass sich Strapi ausschließlich um die Inhalte kümmert und nicht vorgibt, wie die Website aussieht. Design und Darstellung bleiben dadurch frei gestaltbar. Das ist ein moderner und verbreiteter Ansatz in der Web-Entwicklung.",{"name":198,"desc":194,"src":199,"url":200,"info":201,"showOnSite":102},"Payload","\u002Fimg\u002Ftech\u002Fpayload.svg","https:\u002F\u002Fpayloadcms.com","Payload ist wie Strapi ein Redaktionssystem zum Pflegen von Inhalten, allerdings enger mit Next.js verzahnt.\nEs spielt seine Stärken bei Projekten mit individuellen Inhaltsstrukturen aus – etwa Produktkatalogen oder Portalen mit Benutzerkonten.",{"src":203,"name":204,"desc":205,"url":206,"info":207,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fkubernetes.svg","Kubernetes","Container-Orchestrierung","https:\u002F\u002Fkubernetes.io","Kubernetes verteilt Anwendungen automatisch auf mehrere Server und wacht darüber, dass sie laufen.\nFällt ein Server aus, übernimmt ein anderer. Steigt die Last, kommen automatisch weitere Instanzen hinzu. Das ist die Grundlage dafür, dass eine Website auch bei Besucheransturm erreichbar bleibt.",{"name":209,"desc":210,"src":211,"url":212,"info":213,"showOnSite":102},"Docker","Container","\u002Fimg\u002Ftech\u002Fdocker.svg","https:\u002F\u002Fwww.docker.com","Docker verpackt eine Anwendung zusammen mit allem, was sie zum Laufen braucht, in einen abgeschlossenen Container.\nDadurch verhält sie sich auf meinem Rechner exakt so wie später auf dem Live-Server. Die klassische Fehlerquelle \"bei mir funktioniert es doch\" fällt damit weg.",{"src":215,"name":216,"desc":217,"url":218,"info":219,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fhelm.svg","Helm","Kubernetes Package Manager","https:\u002F\u002Fhelm.sh","Helm ist die Paketverwaltung für Kubernetes.\nStatt dutzende Einstellungen einzeln von Hand zu pflegen, liegt die komplette Konfiguration einer Anwendung als versioniertes Paket vor. Das macht Aktualisierungen nachvollziehbar – und im Zweifel mit einem einzigen Befehl rückgängig.",{"src":221,"name":222,"desc":223,"url":224,"info":225,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fcloudflare.svg","Cloudflare","CDN · DNS · Security","https:\u002F\u002Fwww.cloudflare.com","Cloudflare liegt als Schutz- und Beschleunigungsschicht vor der Website.\nInhalte werden aus dem jeweils nächstgelegenen Rechenzentrum ausgeliefert, was die Ladezeit verkürzt. Gleichzeitig werden Angriffe und schädlicher Bot-Verkehr abgefangen, bevor sie den Server überhaupt erreichen.",{"src":227,"name":228,"desc":229,"url":230,"info":231,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fgitlab.svg","GitLab","Code · DevOps","https:\u002F\u002Fabout.gitlab.com","In GitLab liegt der gesamte Programmcode – mit lückenloser Historie, wer wann was geändert hat.\nDort laufen auch die automatisierten Abläufe: Jede Änderung wird geprüft und anschließend automatisch veröffentlicht. Nichts geht verloren, und jeder frühere Stand lässt sich wiederherstellen.",{"name":233,"src":234,"desc":235,"url":236,"info":237,"showOnSite":102},"Claude","\u002Fimg\u002Ftech\u002Fclaude.svg","AI · Coding · Agents","https:\u002F\u002Fclaude.com","Claude ist ein KI-Assistent von Anthropic, den ich als Werkzeug in der Entwicklung einsetze – für Routineaufgaben, für Coding, für Code-Reviews und für Recherche.\nDie fachlichen Entscheidungen und die Verantwortung für das Ergebnis bleiben dabei bei mir. Die KI beschleunigt die Arbeit, sie ersetzt sie nicht.",{"src":239,"name":240,"desc":241,"url":242,"info":243,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fmongodb.svg","MongoDB","NoSQL-Datenbank","https:\u002F\u002Fwww.mongodb.com","MongoDB ist eine Datenbank, die Informationen flexibel als einzelne Dokumente ablegt statt in starren Tabellen.\nDas passt gut, wenn sich Inhaltsstrukturen im Lauf eines Projekts noch verändern – wenn also etwa ein Eintrag später zusätzliche Felder bekommen soll.",{"src":245,"name":246,"desc":247,"url":248,"info":249,"showOnSite":102},"\u002Fimg\u002Ftech\u002Fpostgresql.svg","PostgreSQL","SQL-Datenbank","https:\u002F\u002Fwww.postgresql.org","PostgreSQL ist eine klassische Datenbank mit festen Tabellen und strengen Regeln.\nGenau darin liegt ihre Stärke: Bei Daten, die verlässlich zusammenpassen müssen, wie Buchungen, Rechnungen und Mitgliederverwaltung, verhindert sie stille Fehler. Sie ist seit Jahrzehnten erprobt und quelloffen.",{"name":251,"desc":146,"url":252,"showOnSite":253,"info":254,"src":255},"WordPress","https:\u002F\u002Fwordpress.org",false,"WordPress ist das weltweit verbreitetste Redaktionssystem: Texte, Bilder und Seiten werden über eine Oberfläche im Browser gepflegt, ohne Code anzufassen.\nDer große Vorteil ist die Vertrautheit – viele Redaktionen kennen es bereits, und es gibt für nahezu jede Anforderung eine erprobte Erweiterung.","\u002Fimg\u002Ftech\u002Fwordpress.svg",{"name":257,"desc":247,"url":258,"showOnSite":253,"info":259,"src":260},"MariaDB","https:\u002F\u002Fmariadb.com\u002F","MariaDB ist eine klassische Datenbank mit festen Tabellen und der freie Nachfolger von MySQL – kompatibel dazu, aber unabhängig weiterentwickelt.\nDort liegen alle Inhalte einer Website – Seiten, Beiträge, Einstellungen – strukturiert und durchsuchbar ab. WordPress und viele PHP-Anwendungen setzen darauf auf.","\u002Fimg\u002Ftech\u002Fmariadb.svg",{"name":262,"desc":263,"url":264,"showOnSite":253,"info":265,"src":266},"Let's Encrypt","SSL-Zertifikate","https:\u002F\u002Fletsencrypt.org","Let's Encrypt stellt die SSL-Zertifikate aus, die für das Schloss-Symbol im Browser und die verschlüsselte Verbindung sorgen.\nDie Zertifikate erneuern sich automatisch, bevor sie ablaufen – es gibt also keine Website, die eines Morgens mit einer Sicherheitswarnung begrüßt.","\u002Fimg\u002Ftech\u002Fletsencrypt.svg",[141,142,145,177,143,144,268,269,270,271,272,273,274],"Web Hosting","Domain-Verwaltung","DNS-Management","SSL \u002F TLS","CI\u002FCD","Performance-Optimierung","DSGVO-konform","-YivErj_qHC04ZjGPGsEQwBkQ3iZ7kqIWwvWmU3WmgE"]