3:I[9275,[],""]
4:I[1343,[],""]
5:I[5172,["402","static/chunks/402-507c64bf1a1a832c.js","231","static/chunks/231-4b3d102ef79830de.js","185","static/chunks/app/layout-ee64adfbe38e1401.js"],"RootLayout"]
6:I[5112,["402","static/chunks/402-507c64bf1a1a832c.js","231","static/chunks/231-4b3d102ef79830de.js","173","static/chunks/173-1d934ccec60c22fd.js","836","static/chunks/836-b25dccef804b5b09.js","301","static/chunks/app/about/page-657da084d7fdcf07.js"],"FadeIn"]
7:I[231,["402","static/chunks/402-507c64bf1a1a832c.js","231","static/chunks/231-4b3d102ef79830de.js","173","static/chunks/173-1d934ccec60c22fd.js","836","static/chunks/836-b25dccef804b5b09.js","301","static/chunks/app/about/page-657da084d7fdcf07.js"],""]
0:["b9eNiho31ukI5vHIpLSKM",[[["",{"children":["about",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["about",{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","about","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]},[["$","html",null,{"lang":"en","className":"h-full bg-neutral-950 text-base antialiased","children":["$","body",null,{"className":"flex min-h-full flex-col","children":["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 flex h-full items-center pt-24 sm:pt-32 lg:pt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"flex max-w-xl flex-col items-center text-center","children":[["$","p",null,{"className":"font-display text-4xl font-semibold text-neutral-950 sm:text-5xl","children":"404"}],["$","h1",null,{"className":"mt-4 font-display text-2xl font-semibold text-neutral-950","children":"Seite nicht gefunden"}],["$","p",null,{"className":"mt-2 text-sm text-neutral-600","children":"Sorry, die Seite nach der du gesucht hast gibt es scheinbar nicht."}],["$","$L7",null,{"href":"/","className":"mt-4 text-sm font-semibold text-neutral-950 transition hover:text-neutral-700","children":"Zurück zur Startseite"}]]}]}]}],"notFoundStyles":[],"styles":null}]}]}]}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/37252cc1425288c5.css","precedence":"next","crossOrigin":"$undefined"}]],"$L8"]]]]
8:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Über Mich - Simon Kramer"}],["$","meta","3",{"name":"description","content":"Wer ich bin, woher ich komme und wohin es gehen soll. Sowohl persönlich als auch technisch"}],["$","link","4",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon","sizes":"256x256"}]]
1:null
9:I[5112,["402","static/chunks/402-507c64bf1a1a832c.js","231","static/chunks/231-4b3d102ef79830de.js","173","static/chunks/173-1d934ccec60c22fd.js","836","static/chunks/836-b25dccef804b5b09.js","301","static/chunks/app/about/page-657da084d7fdcf07.js"],"FadeInStagger"]
a:I[9342,["402","static/chunks/402-507c64bf1a1a832c.js","231","static/chunks/231-4b3d102ef79830de.js","173","static/chunks/173-1d934ccec60c22fd.js","836","static/chunks/836-b25dccef804b5b09.js","301","static/chunks/app/about/page-657da084d7fdcf07.js"],"GridPattern"]
2:[["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-24 sm:mt-32 lg:mt-40","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"children":[["$","h1",null,{"children":[["$","span",null,{"className":"block font-display text-base font-semibold text-neutral-950","children":"Über Mich"}],["$","span",null,{"className":"sr-only","children":" - "}],["$","span",null,{"className":"mt-6 block max-w-5xl font-display text-5xl font-medium tracking-tight text-neutral-950 [text-wrap:balance] sm:text-6xl","children":"Werdegang"}]]}],["$","div",null,{"className":"mt-6 max-w-3xl text-xl text-neutral-600","children":[["$","p",null,{"children":"Als sieben Jahre jüngerer Bruder habe ich schon sehr früh im familiären Kontext Kontakt mit allem Digitalem knüpfen können. Mit den ersten Erfahrungen im Netz mit einem 56K Modem Anfang 2000, hin zu den ersten Versuchen mit Anwendungssprachen wie C und klassischem HTML. Über Umwege führten mich diese Erfahrungen nach einem Studium in einem anderen Bereich schließlich in die professionelle IT und Entwicklung von Software für Firmen und Privatanwender als Kunden."}],["$","div",null,{"className":"mt-10 max-w-2xl space-y-6 text-base","children":["$","p",null,{"children":"In den vergangenen Jahren habe ich im beruflichen Kontext mit Technologien & Frameworks wie Nuxt, Pinia, Typescript, Tailwind aber auch Laravel, Symfony und selbst plain PHP oder Javascript gearbeitet. Um auch cloudbasierte Lösungen einsetzen zu können, habe ich mich zudem in Richtung AWS orientiert um eine umfangreichere Wissensbasis im Bezug auf Fullstack Entwicklung zu erreichen."}]}]]}]]}]}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-16","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L9",null,{"children":["$","dl",null,{"className":"grid grid-cols-1 gap-10 sm:grid-cols-2 lg:auto-cols-fr lg:grid-flow-col lg:grid-cols-none","children":[["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Jahre in der digitalen Welt"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"21"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Jahre des Codings und der Programmierung"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"17"}]]}],["$","$L6",null,{"className":"flex flex-col-reverse pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","dt",null,{"className":"mt-2 text-base text-neutral-600","children":"Jahre Erfahrung im professionellen Arbeitsumfeld der Anwendungsentwicklung"}],["$","dd",null,{"className":"font-display text-3xl font-semibold text-neutral-950 sm:text-4xl","children":"6+"}]]}]]}]}]}]}],["$","div",null,{"className":"mt-24 rounded-4xl bg-neutral-950 py-24 sm:mt-32 lg:mt-40 lg:py-32","children":[["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"max-w-2xl","children":[["$","h2",null,{"children":[[["$","span",null,{"className":"mb-6 block font-display text-base font-semibold text-white","children":"Vergangene Aufgaben mit denen ich während meiner Arbeit betraut war"}],["$","span",null,{"className":"sr-only","children":" - "}]],["$","span",null,{"className":"block font-display tracking-tight [text-wrap:balance] text-4xl font-medium sm:text-5xl text-white","children":"Technologien und Projekte"}]]}],["$","div",null,{"className":"mt-6 text-xl text-neutral-300","children":["$","p",null,{"children":"Durch verschiedenste Projekte konnte ich Erfahrungen in unterschiedlichsten Technologien sammeln, einige dieser Projekte sind folgend beispielhaft beschrieben mit den jeweiligen Technologien, die zum Einsatz kamen."}]}]]}]}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-16","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":[["$","$L9",null,{"children":["$","ul",null,{"role":"list","className":"grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3","children":[["$","li",null,{"className":"text-base text-neutral-300 before:bg-white after:bg-white/10","children":["$","$L6",null,{"children":["$","div",null,{"className":"pl-8 relative before:absolute after:absolute before:bg-white after:bg-white/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","strong",null,{"className":"font-semibold text-white","children":["CRM","."]}]," ","Entwicklung eines skalierbaren Customer Relationship Management Systems mit Vue.js für eine reaktive Benutzeroberfläche, Laravel als robustes PHP-Framework für das Backend mit RESTful API-Architektur, und MariaDB für eine leistungsstarke, relationale Datenhaltung, das Kundenbeziehungen optimiert, Verkaufsprozesse automatisiert und datengesteuerte Entscheidungen ermöglicht."]}]}]}],["$","li",null,{"className":"text-base text-neutral-300 before:bg-white after:bg-white/10","children":["$","$L6",null,{"children":["$","div",null,{"className":"pl-8 relative before:absolute after:absolute before:bg-white after:bg-white/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","strong",null,{"className":"font-semibold text-white","children":["Archivierungssoftware","."]}]," ","Implementierung einer hochperformanten, webbasierten Archivierungslösung unter Verwendung von Next.js für serverseitiges Rendering und optimierte Client-Anwendungen, Redux für zentralisiertes State Management, TailwindCSS für ein flexibles UI-Design, Nest.js als skalierbares Backend-Framework, PostgreSQL für robuste Datenspeicherung, ElasticSearch zur Ermöglichung schneller Volltextsuche in archivierten Dokumenten, sowie Amazon S3 für kosteneffiziente Objektspeicherung und AWS CloudFront zur globalen Content-Distribution mit niedriger Latenz."]}]}]}],["$","li",null,{"className":"text-base text-neutral-300 before:bg-white after:bg-white/10","children":["$","$L6",null,{"children":["$","div",null,{"className":"pl-8 relative before:absolute after:absolute before:bg-white after:bg-white/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","strong",null,{"className":"font-semibold text-white","children":["Internes Service Portal","."]}]," ","Realisierung eines vollständig typisierten, internen Service Portals basierend auf Nuxt 3 für verbesserte Entwicklereffizienz und Typ-Sicherheit, Pinia für reaktives und strukturiertes State Management, AWS API Gateway für sichere API-Verwaltung, Route 53 für zuverlässiges DNS-Management und Lastverteilung, eine automatisierte GitLab CI/CD Pipeline für kontinuierliche Integration und Bereitstellung, sowie MariaDB als zuverlässige, relationale Datenbank für effiziente Datenhaltung und -abfrage."]}]}]}]]}]}],["$","$L9",null,{"children":["$","ul",null,{"role":"list","className":"grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3 mt-24","children":[["$","li",null,{"className":"text-base text-neutral-300 before:bg-white after:bg-white/10","children":["$","$L6",null,{"children":["$","div",null,{"className":"pl-8 relative before:absolute after:absolute before:bg-white after:bg-white/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","strong",null,{"className":"font-semibold text-white","children":["iOS Finanz-Tracking App","."]}]," ","Entwicklung einer nativen iOS-Anwendung zur Verfolgung monatlicher Finanzausgaben, umgesetzt mit Swift und SwiftUI für eine moderne, responsive Benutzeroberfläche, Nutzung des MVVM-Architekturmusters für saubere Trennung von Logik und Präsentation, Implementierung von Core Data für effiziente lokale Datenspeicherung und -verwaltung direkt auf dem Gerät, Integration von Combine-Framework für reaktive Programmierung und Datenflussmanagement, Verwendung von Swift Charts für intuitive Visualisierung von Ausgabentrends, sowie Nutzung von CloudKit für optionale iCloud-Synchronisation und Datensicherung, um eine performante, datenschutzfreundliche und benutzerorientierte Lösung für persönliches Finanzmanagement zu bieten."]}]}]}],["$","li",null,{"className":"text-base text-neutral-300 before:bg-white after:bg-white/10","children":["$","$L6",null,{"children":["$","div",null,{"className":"pl-8 relative before:absolute after:absolute before:bg-white after:bg-white/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","strong",null,{"className":"font-semibold text-white","children":["Didaktische Verwaltungssoftware","."]}]," ","Entwicklung einer umfassenden, webbasierten Verwaltungssoftware für den Schulkontext, die Nuxt.js für eine interaktive, typsichere Frontend-Entwicklung mit verbesserter SEO durch serverseitiges Rendering nutzt, Nest.js als robustes, TypeScript-basiertes Backend-Framework für skalierbare Serverarchitektur einsetzt, PostgreSQL für relationale Datenspeicherung verwendet, Redis für effizientes Caching implementiert, JSON Web Tokens (JWT) für sichere Authentifizierung integriert und Docker für konsistente Entwicklungs- und Produktionsumgebungen nutzt, um Funktionen wie digitale Klassenbücher, Notenverwaltung, Anwesenheitskontrolle, Eltern-Lehrer-Kommunikation und Ressourcenplanung in einer performanten, sicheren und wartbaren Full-Stack-TypeScript-Plattform zu vereinen."]}]}]}],["$","li",null,{"className":"text-base text-neutral-300 before:bg-white after:bg-white/10","children":["$","$L6",null,{"children":["$","div",null,{"className":"pl-8 relative before:absolute after:absolute before:bg-white after:bg-white/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","strong",null,{"className":"font-semibold text-white","children":["E-Commerce-Plattform","."]}]," ","Realisierung einer hochskalierbaren, multi-channel E-Commerce-Plattform unter Verwendung von Nuxt.js für ein leistungsstarkes, SEO-freundliches Frontend mit Server-Side Rendering, Pinia für effizientes State Management, Laravel für ein flexibles Backend, MongoDB für skalierbare Datenspeicherung, ElasticSearch für blitzschnelle Produktsuche und Filterung, Redis für Performance-Optimierung durch Caching, sowie Docker für konsistente Entwicklungs- und Produktionsumgebungen, ergänzt durch die Integration diverser Marktplatz-APIs wie Amazon, Kaufland und eBay für maximale Marktreichweite, implementierte Lageristiksysteme für effizientes Bestandsmanagement, und Stripe für sichere Zahlungsabwicklung, um eine umfassende, skalierbare Lösung für modernen Online-Handel mit nahtloser Multi-Channel-Vertriebsintegration zu bieten."]}]}]}]]}]}]]}]}]]}],["$","div",null,{"className":"relative pt-24 sm:pt-32 lg:pt-40","children":[["$","div",null,{"className":"absolute inset-x-0 top-0 -z-10 h-[884px] overflow-hidden rounded-t-4xl bg-gradient-to-b from-neutral-50","children":["$","$La",null,{"className":"absolute inset-0 h-full w-full fill-neutral-100 stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]","yOffset":-270}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L6",null,{"className":"max-w-2xl","children":[["$","h2",null,{"children":["$undefined",["$","span",null,{"className":"block font-display tracking-tight [text-wrap:balance] text-2xl font-semibold text-neutral-950","children":"Geschriebene Artikel"}]]}],"$undefined"]}]}]}],["$","div",null,{"className":"mx-auto max-w-7xl px-6 lg:px-8 mt-16","children":["$","div",null,{"className":"mx-auto max-w-2xl lg:max-w-none","children":["$","$L9",null,{"className":"grid grid-cols-1 gap-x-8 gap-y-16 lg:grid-cols-2","children":[["$","$L6","/blog/generative-ai-in-softwaredevelopment",{"children":["$","article","/blog/generative-ai-in-softwaredevelopment",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"Die Rolle der generativen KI in der modernen Anwendungsentwicklung"}],["$","time",null,{"dateTime":"07-12-2024","className":"order-first text-sm text-neutral-600","children":"12. Juli 2024"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Eine Analyse aktueller Trends und ökonomischer Potenziale"}],["$","$L7",null,{"href":"/blog/generative-ai-in-softwaredevelopment","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Mehr: Die Rolle der generativen KI in der modernen Anwendungsentwicklung","children":["Mehr",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}],["$","$L6","/blog/nuxt4-upcoming-changes",{"children":["$","article","/blog/nuxt4-upcoming-changes",{"children":["$","div",null,{"className":"relative flex flex-col items-start pl-8 relative before:absolute after:absolute before:bg-neutral-950 after:bg-neutral-950/10 before:left-0 before:top-0 before:h-6 before:w-px after:bottom-0 after:left-0 after:top-8 after:w-px","children":[["$","h3",null,{"className":"mt-6 text-base font-semibold text-neutral-950","children":"Nuxt 4: Ein Überblick über die kommenden Änderungen"}],["$","time",null,{"dateTime":"06-08-2024","className":"order-first text-sm text-neutral-600","children":"8. Juni 2024"}],["$","p",null,{"className":"mt-2.5 text-base text-neutral-600","children":"Eine Analyse der bevorstehenden Änderungen und deren Auswirkungen auf die Webentwicklung"}],["$","$L7",null,{"href":"/blog/nuxt4-upcoming-changes","className":"mt-6 flex gap-x-3 text-base font-semibold text-neutral-950 transition hover:text-neutral-700","aria-label":"Mehr: Nuxt 4: Ein Überblick über die kommenden Änderungen","children":["Mehr",["$","svg",null,{"viewBox":"0 0 24 6","aria-hidden":"true","className":"w-6 flex-none fill-current","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M24 3 18 .5v2H0v1h18v2L24 3Z"}]}],["$","span",null,{"className":"absolute inset-0"}]]}]]}]}]}]]}]}]}]]}]]