[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"home":3,"site":79},{"id":4,"about":5,"clients":24,"contact":27,"extension":33,"hero":34,"meta":58,"projects":59,"seo":64,"services":67,"stem":71,"tech":72,"__hash__":78},"home\u002Fhome.yml",{"label":6,"title":7,"paragraphs":8,"checklist":13,"badge":19,"name":22,"role":23},"Über mich","Direkt.\nPersönlich.",[9,11],{"text":10},"REDPANDA.digital ist kein Agentur-Konstrukt mit Briefing-Kette. Du sprichst direkt mit mir, der Person, die deinen Code schreibt und deine Infrastruktur betreut.",{"text":12},"Ich entwickle schon seit über 17 Jahren Websites, anfangs als Hobby und dann für die ersten Kund:innen. Inzwischen ist das Entwickeln von Web-Anwendungen mein Job.",[14,15,16,17,18],"17+ Jahre Erfahrung in Web-Entwicklung","Direkte Kommunikation","Transparente Preisgestaltung & klarer Scope","Entwicklung & Hosting aus einer Hand","Hosting in Deutschland und der EU",{"number":20,"label":21},"17+","Jahre\nErfahrung","Florian Bräunsbach","Web-Entwicklung · DevOps · Hosting",{"label":25,"placeholder":26},"Kunden & Partner","+ Weitere\nKunden",{"label":28,"headline":29,"headlineAccent":30,"description":31,"ctaLabel":32},"Kontakt","Lass uns","reden.","Hast du ein Projekt, eine Frage oder brauchst Unterstützung? Nutze das Anfrageformular oder schreib mir direkt eine Mail.","Zum Anfrageformular","yml",{"eyebrow":35,"headlineLines":36,"description":51,"primaryCta":52,"secondaryCta":55},"Web-Entwicklung · DevOps · Hosting · Beratung",[37,41,44,47,49],{"text":38,"style":39,"lineBreak":40},"REDPANDA","red",false,{"text":42,"style":43,"lineBreak":40},".digital","normal",{"text":45,"style":46,"lineBreak":40}," plant, entwickelt und betreibt ","dim",{"text":48,"style":43,"lineBreak":40},"deine Web-Anwendung",{"text":50,"style":46,"lineBreak":40},".","Von der Domain über Entwicklung und DevOps bis zur fertigen Web-Anwendung – maßgeschneiderte digitale Lösungen, persönlich betreut, umgesetzt und gehostet.",{"label":53,"href":54},"Projekt anfragen","\u002Fkontakt",{"label":56,"href":57},"Was ich mache","#services",{},{"label":60,"title":61,"description":62,"ctaLabel":63},"Projekte","Ausgewählte\nProjekte","Websites und Web-Anwendungen, die ich seit über 17 Jahren für Kunden aus der Region und darüber hinaus entwickelt und betreut habe.","Alle Projekte ansehen",{"title":65,"description":66},"REDPANDA.digital – Web-Entwicklung, Hosting & Beratung","Maßgeschneiderte Web-Entwicklung, zuverlässiges Hosting und Domain-Management aus einer Hand – persönlich betreut von Florian Bräunsbach.",{"label":68,"title":69,"description":70},"Leistungen","Was ich\nanbiete","Egal ob du erst eine Idee hast, schon genau weißt, was du brauchst, oder einfach einen verlässlichen Ort für deine Website suchst.","home",{"label":73,"title":74,"description":75,"expandLabel":76,"collapseLabel":77},"Technologien","Tech-Stack &\nInfrastruktur","Ich arbeite mit modernen Frameworks wie React, Vue und Next.js, setze als Laufzeitumgebung hauptsächlich auf Node.js und betreibe eine skalierbare Hosting-Infrastruktur.\nWebsites und Kundenanwendungen hoste ich abhängig von den Anforderungen auf meinen Servern, in meinem Kubernetes-Cluster oder direkt bei Kund:innen. So kann ich maximale Performance, Sicherheit und Skalierbarkeit gewährleisten. WordPress-Websites hoste ich natürlich auch, setze bei Entwicklungen allerdings eher auf Next.js mit einem Headless CMS wie Strapi oder Payload.","Alle Technologien anzeigen","Weniger anzeigen","ySsWj9OH1Fl3qCJ2ofwubsBp62-pFpKFOmFS4GygCnk",{"id":80,"contact":81,"extension":33,"kunden":83,"meta":119,"services":120,"stem":145,"technologien":146,"ticker":252,"__hash__":260},"site\u002Fsite.yml",{"email":82},"hallo@REDPANDA.digital",[84,89,93,96,100,104,108,112,115],{"alt":85,"src":86,"seit":87,"showOnSite":88},"Stadt Rösrath","\u002Fimg\u002Fkunden\u002Fstadt-roesrath.svg",2019,true,{"alt":90,"src":91,"seit":92,"showOnSite":88},"Finka Flitzer","\u002Fimg\u002Fkunden\u002Ffinkaflitzer.svg",2025,{"alt":94,"src":95,"seit":87,"showOnSite":88},"Stift und Form","\u002Fimg\u002Fkunden\u002Fstiftundform.png",{"alt":97,"src":98,"seit":99,"showOnSite":88},"Team Düster","\u002Fimg\u002Fkunden\u002Fduester.webp",2014,{"alt":101,"src":102,"seit":103,"showOnSite":88},"Queermentor","\u002Fimg\u002Fkunden\u002Fqueermentor.svg",2021,{"alt":105,"src":106,"seit":107,"showOnSite":88},"TVH","\u002Fimg\u002Fkunden\u002Ftvh.svg",2017,{"alt":109,"src":110,"seit":111,"showOnSite":88},"St. Sebastianus Schützenbruderschaft Rösrath","\u002Fimg\u002Fkunden\u002Fschuetzen-roesrath.jpg",2015,{"alt":113,"src":114,"seit":99,"showOnSite":88},"Rösrath wird zur Galerie","\u002Fimg\u002Fkunden\u002Froesrath-wird-zur-galerie.jpg",{"alt":116,"src":117,"seit":118,"showOnSite":88},"afp24","\u002Fimg\u002Fkunden\u002Fafp24.png",2020,{},[121,133],{"number":122,"title":123,"description":124,"icon":125,"tags":126},"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",[127,128,129,130,131,132],"React","Next.js","Node.js","TypeScript","Vue.js","CMS",{"number":134,"title":135,"description":136,"icon":137,"tags":138},"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",[139,140,141,142,143,144],"DE-Server","SSL\u002FTLS","DNS","Domains","Backups","Hohe Verfügbarkeit","site",[147,152,156,161,167,172,177,183,188,194,200,206,212,218,224,230,236,241,246],{"src":148,"name":127,"desc":149,"url":150,"info":151,"showOnSite":88},"\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":153,"name":131,"desc":149,"url":154,"info":155,"showOnSite":88},"\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":157,"name":128,"desc":158,"url":159,"info":160,"showOnSite":88},"\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":162,"name":163,"desc":164,"url":165,"info":166,"showOnSite":88},"\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":168,"name":129,"desc":169,"url":170,"info":171,"showOnSite":88},"\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":173,"name":130,"desc":174,"url":175,"info":176,"showOnSite":88},"\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":178,"name":179,"desc":180,"url":181,"info":182,"showOnSite":88},"\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":184,"desc":180,"src":185,"url":186,"info":187,"showOnSite":88},"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":189,"name":190,"desc":191,"url":192,"info":193,"showOnSite":88},"\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":195,"desc":196,"src":197,"url":198,"info":199,"showOnSite":88},"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":201,"name":202,"desc":203,"url":204,"info":205,"showOnSite":88},"\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":207,"name":208,"desc":209,"url":210,"info":211,"showOnSite":88},"\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":213,"name":214,"desc":215,"url":216,"info":217,"showOnSite":88},"\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":219,"src":220,"desc":221,"url":222,"info":223,"showOnSite":88},"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":225,"name":226,"desc":227,"url":228,"info":229,"showOnSite":88},"\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":231,"name":232,"desc":233,"url":234,"info":235,"showOnSite":88},"\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":237,"desc":132,"url":238,"showOnSite":40,"info":239,"src":240},"WordPress","https:\u002F\u002Fwordpress.org","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":242,"desc":233,"url":243,"showOnSite":40,"info":244,"src":245},"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":247,"desc":248,"url":249,"showOnSite":40,"info":250,"src":251},"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",[127,128,131,163,129,130,253,254,255,256,257,258,259],"Web Hosting","Domain-Verwaltung","DNS-Management","SSL \u002F TLS","CI\u002FCD","Performance-Optimierung","DSGVO-konform","-YivErj_qHC04ZjGPGsEQwBkQ3iZ7kqIWwvWmU3WmgE"]