1:"$Sreact.fragment" 2:I[7555,[],""] 3:I[1295,[],""] 4:I[5566,["545","static/chunks/c16f53c3-c009a83f4f3f49dd.js","3","static/chunks/3-a6ad017c3e43080f.js","886","static/chunks/886-2dbe08e4209d4dfd.js","966","static/chunks/966-c0d8d0bf05139ff1.js","153","static/chunks/153-539e0598c3092d2b.js","327","static/chunks/app/projekte/page-c15464a386b0b959.js"],"Navbar"] 5:I[9153,["545","static/chunks/c16f53c3-c009a83f4f3f49dd.js","3","static/chunks/3-a6ad017c3e43080f.js","886","static/chunks/886-2dbe08e4209d4dfd.js","966","static/chunks/966-c0d8d0bf05139ff1.js","153","static/chunks/153-539e0598c3092d2b.js","327","static/chunks/app/projekte/page-c15464a386b0b959.js"],"ProjectCatalog"] 11:I[8393,[],""] :HL["/_next/static/css/1856c47572fdc525.css","style"] 0:{"P":null,"b":"ycWcGrUm4eErOxx4mI74r","p":"","c":["","projekte"],"i":false,"f":[[["",{"children":["projekte",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/1856c47572fdc525.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"de","children":["$","body",null,{"className":"text-gray-950 antialiased","children":[["$","a",null,{"className":"skip-link","href":"#main-content","children":"Zum Inhalt springen"}],["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}]}]]}],{"children":["projekte",["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":["__PAGE__",["$","$1","c",{"children":[[["$","$L4",null,{}],["$","main",null,{"id":"main-content","children":[["$","div",null,{"className":"page-intro section-shell","children":[["$","p",null,{"className":"eyebrow","children":"Ausgewählte Arbeiten"}],["$","h1",null,{"children":["Projekte, die Technik",["$","br",null,{}],["$","span",null,{"className":"muted","children":"und Design verbinden."}]]}],["$","p",null,{"className":"page-intro-description","children":"Zuerst das Ergebnis, dann der Blick dahinter: Blättere durch meine Projekte und erfahre anschließend, welche Aufgaben und technischen Entscheidungen hinter den einzelnen Anwendungen stehen."}]]}],["$","section",null,{"className":"section-shell portfolio-all","aria-label":"Projektübersicht","children":["$","$L5",null,{}]}],["$","section",null,{"className":"project-details-section section-shell section-space","aria-labelledby":"project-details-title","children":[["$","div",null,{"className":"section-heading","children":["$","div",null,{"children":[["$","p",null,{"className":"eyebrow","children":"Vom Ergebnis zur Umsetzung"}],["$","h2",null,{"id":"project-details-title","children":["Was hinter den",["$","br",null,{}],["$","span",null,{"className":"muted","children":"Oberflächen steckt."}]]}]]}]}],["$","div",null,{"className":"project-detail-list","children":[["$","article","solarwelt",{"id":"details-solarwelt","children":[["$","div",null,{"children":[["$","span",null,{"className":"eyebrow","children":"Solarwelt"}],["$","h3",null,{"children":"Interaktiver PV-Konfigurator mit CRM-Anbindung."}]]}],["$","div",null,{"children":[["$","p",null,{"children":"Für die Planung einer Photovoltaikanlage werden Informationen, Konfiguration und Kontaktaufnahme in einem Webauftritt zusammengeführt. Die Umsetzung verbindet das React-Frontend mit dem Backend und dem internen CRM. Ein besonderer Fokus liegt auf der Nutzung auf mobilen Geräten."}],["$","ul",null,{"children":[["$","li","PV-Konfiguration und Lead-Erfassung",{"children":"PV-Konfiguration und Lead-Erfassung"}],["$","li","Anbindung an vorhandene Geschäftsprozesse",{"children":"Anbindung an vorhandene Geschäftsprozesse"}],["$","li","Responsive Umsetzung für mobile Endgeräte",{"children":"Responsive Umsetzung für mobile Endgeräte"}]]}]]}]]}],["$","article","drei-brueder",{"id":"details-drei-brueder","children":["$L6","$L7"]}],"$L8","$L9"]}]]}],"$La","$Lb","$Lc","$Ld"]}],"$Le"],null,"$Lf"]}],{},null,false]},null,false]},null,false],"$L10",false]],"m":"$undefined","G":["$11",[]],"s":false,"S":true} 12:I[6874,["545","static/chunks/c16f53c3-c009a83f4f3f49dd.js","3","static/chunks/3-a6ad017c3e43080f.js","886","static/chunks/886-2dbe08e4209d4dfd.js","966","static/chunks/966-c0d8d0bf05139ff1.js","153","static/chunks/153-539e0598c3092d2b.js","327","static/chunks/app/projekte/page-c15464a386b0b959.js"],""] 13:I[2708,["545","static/chunks/c16f53c3-c009a83f4f3f49dd.js","3","static/chunks/3-a6ad017c3e43080f.js","886","static/chunks/886-2dbe08e4209d4dfd.js","966","static/chunks/966-c0d8d0bf05139ff1.js","153","static/chunks/153-539e0598c3092d2b.js","327","static/chunks/app/projekte/page-c15464a386b0b959.js"],"DataInteractive"] 14:I[3063,["545","static/chunks/c16f53c3-c009a83f4f3f49dd.js","3","static/chunks/3-a6ad017c3e43080f.js","886","static/chunks/886-2dbe08e4209d4dfd.js","966","static/chunks/966-c0d8d0bf05139ff1.js","153","static/chunks/153-539e0598c3092d2b.js","327","static/chunks/app/projekte/page-c15464a386b0b959.js"],"Image"] 15:I[9665,[],"OutletBoundary"] 17:I[4911,[],"AsyncMetadataOutlet"] 19:I[9665,[],"ViewportBoundary"] 1b:I[9665,[],"MetadataBoundary"] 1c:"$Sreact.suspense" 6:["$","div",null,{"children":[["$","span",null,{"className":"eyebrow","children":"Drei Brüder"}],["$","h3",null,{"children":"Ein digitaler Auftritt für den nächsten Salonbesuch."}]]}] 7:["$","div",null,{"children":[["$","p",null,{"children":"Der Webauftritt vermittelt den Charakter des Salons und macht die nächsten Schritte für Besucher verständlich. Die digitale Terminbuchung ergänzt die Präsentation um eine praktische Funktion für Kunden und die tägliche Organisation."}],["$","ul",null,{"children":[["$","li","Individueller Webauftritt mit React",{"children":"Individueller Webauftritt mit React"}],["$","li","Digitale Terminbuchung",{"children":"Digitale Terminbuchung"}],["$","li","Übersichtliche Inhalte und lokale Auffindbarkeit",{"children":"Übersichtliche Inhalte und lokale Auffindbarkeit"}]]}]]}] 8:["$","article","dashboard",{"id":"details-dashboard","children":[["$","div",null,{"children":[["$","span",null,{"className":"eyebrow","children":"SaaS Dashboard"}],["$","h3",null,{"children":"Komplexe Daten. Ein verständlicher Überblick."}]]}],["$","div",null,{"children":[["$","p",null,{"children":"Das Dashboard bereitet Informationen für unterschiedliche Rollen auf. Echtzeit-Datenvisualisierung mit WebSockets und ein Rechtemanagement verbinden die fachlichen Anforderungen mit einer übersichtlichen Oberfläche."}],["$","ul",null,{"children":[["$","li","Echtzeit-Visualisierung von Daten",{"children":"Echtzeit-Visualisierung von Daten"}],["$","li","Rollen und Berechtigungen",{"children":"Rollen und Berechtigungen"}],["$","li","Frontend mit Next.js und TypeScript",{"children":"Frontend mit Next.js und TypeScript"}]]}]]}]]}] 9:["$","article","corporate",{"id":"details-corporate","children":[["$","div",null,{"children":[["$","span",null,{"className":"eyebrow","children":"Corporate Website"}],["$","h3",null,{"children":"Inhalte pflegen, ohne Code anzufassen."}]]}],["$","div",null,{"children":[["$","p",null,{"children":"Die Unternehmenswebsite verbindet ein Next.js-Frontend mit einem Headless CMS. Inhalte können dadurch redaktionell gepflegt werden, während Struktur und Darstellung über wiederverwendbare Komponenten zusammengehalten werden."}],["$","ul",null,{"children":[["$","li","Next.js für den Webauftritt",{"children":"Next.js für den Webauftritt"}],["$","li","Sanity CMS für die Inhaltspflege",{"children":"Sanity CMS für die Inhaltspflege"}],["$","li","Klare Seitenstruktur und wiederverwendbare Komponenten",{"children":"Klare Seitenstruktur und wiederverwendbare Komponenten"}]]}]]}]]}] a:["$","section",null,{"className":"project-approach section-shell","children":[["$","div",null,{"children":[["$","p",null,{"className":"eyebrow","children":"Was die Projekte verbindet"}],["$","h2",null,{"children":["Für heute entwickelt.",["$","br",null,{}],["$","span",null,{"className":"muted","children":"Für morgen mitgedacht."}]]}]]}],["$","div",null,{"children":[["$","p",null,{"children":"Meine Projekte reichen von modernen Webanwendungen und Unternehmenswebsites bis zu Dashboards und komplexen Backend-Systemen. Der gemeinsame Anspruch: eine klare Oberfläche, eine durchdachte Architektur und ein Produkt, das im Alltag hilft."}],["$","p",null,{"children":"Jedes Projekt beginnt mit einer Analyse der Anforderungen. Darauf bauen Konzept, Design und Entwicklung auf. Ich begleite die Umsetzung bis zum Deployment und stimme Zwischenergebnisse direkt mit dir ab."}],["$","p",null,{"children":"Clean Code, automatisierte Tests und passende CI/CD-Prozesse gehören dabei zur technischen Grundlage. Welche Werkzeuge sinnvoll sind, entscheidet dein Vorhaben."}]]}]]}] b:["$","section",null,{"className":"stack-section section-space","children":["$","div",null,{"className":"section-shell","children":[["$","div",null,{"className":"section-heading","children":[["$","div",null,{"children":[["$","p",null,{"className":"eyebrow","children":"Technologie-Stack & Fokus"}],["$","h2",null,{"children":["Die richtigen Werkzeuge.",["$","br",null,{}],["$","span",null,{"className":"muted","children":"Für die richtige Lösung."}]]}]]}],["$","p",null,{"children":["Ein breites Fundament macht es möglich,",["$","br",null,{}],"Technik nach dem Projekt auszuwählen."]}]]}],["$","div",null,{"className":"stack-grid","children":[["$","article","Frontend",{"children":[["$","h3",null,{"children":"Frontend"}],["$","p",null,{"children":"Klare Oberflächen, wiederverwendbare Komponenten und eine Bedienung, die auf kleinen und großen Bildschirmen funktioniert."}],["$","div",null,{"className":"project-tags","children":[["$","span","React",{"children":"React"}],["$","span","Next.js",{"children":"Next.js"}],["$","span","TypeScript",{"children":"TypeScript"}],["$","span","Tailwind CSS",{"children":"Tailwind CSS"}]]}]]}],["$","article","Backend & Daten",{"children":[["$","h3",null,{"children":"Backend & Daten"}],["$","p",null,{"children":"Geschäftslogik, Datenmodelle und APIs bilden eine verständliche Grundlage für deine Anwendung."}],["$","div",null,{"className":"project-tags","children":[["$","span","Go",{"children":"Go"}],["$","span","Java",{"children":"Java"}],["$","span","Node.js",{"children":"Node.js"}],["$","span","Python",{"children":"Python"}],["$","span","PostgreSQL",{"children":"PostgreSQL"}],["$","span","MongoDB",{"children":"MongoDB"}]]}]]}],["$","article","Mobile & Hardware",{"children":[["$","h3",null,{"children":"Mobile & Hardware"}],["$","p",null,{"children":"Von mobilen Nutzererlebnissen bis zum Verständnis der Systeme und Schnittstellen unter der Oberfläche."}],["$","div",null,{"className":"project-tags","children":[["$","span","Kotlin",{"children":"Kotlin"}],["$","span","Flutter",{"children":"Flutter"}],["$","span","Android",{"children":"Android"}],["$","span","C++",{"children":"C++"}]]}]]}],["$","article","Betrieb & Qualität",{"children":[["$","h3",null,{"children":"Betrieb & Qualität"}],["$","p",null,{"children":"Nachvollziehbare Auslieferung und ein Entwicklungsprozess, der Wartung und Weiterentwicklung mitdenkt."}],["$","div",null,{"className":"project-tags","children":[["$","span","Docker",{"children":"Docker"}],["$","span","CI/CD",{"children":"CI/CD"}],["$","span","Automatisierte Tests",{"children":"Automatisierte Tests"}],["$","span","Code-Reviews",{"children":"Code-Reviews"}]]}]]}]]}]]}]}] c:["$","section",null,{"className":"section-shell section-space process-section","aria-labelledby":"process-title","children":[["$","div",null,{"className":"section-heading","children":[["$","div",null,{"children":[["$","p",null,{"className":"eyebrow","children":"So arbeiten wir zusammen"}],["$","h2",null,{"id":"process-title","children":["Von „Was wäre, wenn …“",["$","br",null,{}],["$","span",null,{"className":"muted","children":"zu „Genau so.“"}]]}]]}],["$","p",null,{"children":["Du weißt jederzeit, wo dein Projekt steht.",["$","br",null,{}],"Und was als Nächstes passiert."]}]]}],["$","ol",null,{"className":"process-grid","children":[["$","li","Verstehen.",{"children":[["$","span",null,{"className":"process-number","children":["0",1]}],["$","h3",null,{"children":"Verstehen."}],["$","p",null,{"children":"Wir sprechen über deine Idee, deine Nutzer und das Ziel. Daraus entsteht ein klares Bild davon, was wirklich gebraucht wird."}]]}],["$","li","Konkret werden.",{"children":[["$","span",null,{"className":"process-number","children":["0",2]}],["$","h3",null,{"children":"Konkret werden."}],["$","p",null,{"children":"Ich übersetze deine Anforderungen in ein Konzept. Wir stimmen Umfang, technische Richtung und die nächsten Schritte ab."}]]}],["$","li","Gemeinsam entwickeln.",{"children":[["$","span",null,{"className":"process-number","children":["0",3]}],["$","h3",null,{"children":"Gemeinsam entwickeln."}],["$","p",null,{"children":"Du siehst früh erste Ergebnisse und gibst Feedback. So wächst die Lösung Schritt für Schritt in die richtige Richtung."}]]}],["$","li","Gut starten.",{"children":[["$","span",null,{"className":"process-number","children":["0",4]}],["$","h3",null,{"children":"Gut starten."}],["$","p",null,{"children":"Wir prüfen die Anwendung, bringen sie an den Start und besprechen, wie sie zuverlässig weiterbetrieben und entwickelt wird."}]]}]]}]]}] d:["$","section",null,{"className":"contact-cta section-shell","aria-labelledby":"cta-title","children":[["$","p",null,{"className":"eyebrow","children":"Der nächste Schritt beginnt mit einem Hallo."}],["$","h2",null,{"id":"cta-title","children":["Du hast die Idee.",["$","br",null,{}],["$","span",null,{"className":"muted","children":"Lass sie uns bauen."}]]}],["$","p",null,{"children":"Du hast gesehen, was aus einer Idee werden kann. Für dein eigenes Vorhaben finden wir jetzt den passenden Umfang und einen klaren Rahmen."}],["$","$L12",null,{"href":"/preise","className":"text-link cta-related","children":["Projektpakete und Preise entdecken",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","aria-hidden":"true","data-slot":"icon","ref":"$undefined","aria-labelledby":"$undefined","children":[null,["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"}]]}]]}],["$","$L13",null,{"children":["$","$L12",null,{"ref":"$undefined","href":"/kontakt","children":["Lass uns sprechen ",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","aria-hidden":"true","data-slot":"icon","ref":"$undefined","aria-labelledby":"$undefined","children":[null,["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"}]]}]],"className":"sf-button sf-button-primary"}]}],["$","a",null,{"className":"cta-email","href":"mailto:christian.pana@softflow.dev","children":["Oder schreib mir direkt eine E-Mail ",["$","span",null,{"aria-hidden":"true","children":"↗"}]]}]]}] e:["$","footer",null,{"className":"site-footer","children":["$","div",null,{"className":"section-shell","children":[["$","div",null,{"className":"footer-top","children":[["$","div",null,{"className":"footer-brand","children":[["$","$L12",null,{"href":"/","aria-label":"Softflow – Startseite","children":["$","$L14",null,{"src":{"src":"/_next/static/media/softflowR.9c2dedfd.png","height":360,"width":462,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAJ1BMVEVMaXEdoHoXknIqyZgoyZgVkWwipn4Yo3kUl28XmXM/6ao11qMRg2NITIdVAAAADXRSTlMAJRhFEzl6vJ1WJFFICLCvFwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1JREFUeJwdxsERACAIA8GEgIDaf72O3OcWgB9t/Fi5BiuLA6N8ZqTTEH1D6ngOVgCUK4z0twAAAABJRU5ErkJggg==","blurWidth":8,"blurHeight":6},"alt":"Softflow","className":"softflow-logo","priority":false}]}],["$","p",null,{"children":["Gute Ideen verdienen",["$","br",null,{}],"gute Software."]}],["$","a",null,{"href":"mailto:christian.pana@softflow.dev","children":"christian.pana@softflow.dev"}]]}],[["$","nav","Entdecken",{"aria-label":"Entdecken","children":[["$","p",null,{"className":"footer-label","children":"Entdecken"}],[["$","$L12","/about",{"href":"/about","children":"Über mich"}],["$","$L12","/projekte",{"href":"/projekte","children":"Projekte"}],["$","$L12","/blog",{"href":"/blog","children":"Blog"}]]]}],["$","nav","Zusammenarbeiten",{"aria-label":"Zusammenarbeiten","children":[["$","p",null,{"className":"footer-label","children":"Zusammenarbeiten"}],[["$","$L12","/beratung",{"href":"/beratung","children":"Beratung"}],["$","$L12","/preise",{"href":"/preise","children":"Preise & Leistungen"}],["$","$L12","/kontakt",{"href":"/kontakt","children":"Kontakt"}],["$","$L12","/faq",{"href":"/faq","children":"Häufige Fragen"}]]]}],["$","nav","Mehr Themen",{"aria-label":"Mehr Themen","children":[["$","p",null,{"className":"footer-label","children":"Mehr Themen"}],[["$","$L12","/hardware",{"href":"/hardware","children":"Hardware"}],["$","$L12","/cybersicherheit",{"href":"/cybersicherheit","children":"Cybersicherheit"}],["$","$L12","/webinar",{"href":"/webinar","children":"Webinare"}]]]}]]]}],["$","div",null,{"className":"footer-bottom","children":[["$","p",null,{"children":["© ",2026," Softflow · Christian Pana"]}],["$","div",null,{"children":[["$","$L12",null,{"href":"/datenschutz","children":"Datenschutz"}],["$","$L12",null,{"href":"/impressum","children":"Impressum"}]]}],["$","span",null,{"children":"Mit Sorgfalt entwickelt."}]]}]]}]}] f:["$","$L15",null,{"children":["$L16",["$","$L17",null,{"promise":"$@18"}]]}] 10:["$","$1","h",{"children":[null,[["$","$L19",null,{"children":"$L1a"}],null],["$","$L1b",null,{"children":["$","div",null,{"hidden":true,"children":["$","$1c",null,{"fallback":null,"children":"$L1d"}]}]}]]}] 1a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 16:null 1e:I[8175,[],"IconMark"] 18:{"metadata":[["$","title","0",{"children":"Projekte · Softflow"}],["$","meta","1",{"name":"description","content":"Einblicke in meine Arbeit: Webanwendungen, Unternehmenswebsites und digitale Werkzeuge. Durchdacht vom ersten Konzept bis zur Umsetzung."}],["$","link","2",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"462x360"}],["$","$L1e","3",{}]],"error":null,"digest":"$undefined"} 1d:"$18:metadata"