[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"btz8hO-MXSFLpybqvfjYVBre4OvrEJO1wFySe3Zmv-s":3,"9_t0YFtO844PW3-iCfPxRTbw8yv0-2zzu2bChZFenjo":39,"RAL731h50Jc16Mif3-dyh8yDS6UOLkbDZw-qIeWGpTI":75,"0mcxjrnmPMKyi8fEJMOyOZ2BlIHbFqn1Ox7G8kJ2Wa4":180,"_apollo:default":223},{"menu":4},{"__typename":5,"id":6,"name":7,"items":8},"Menu","footer","Fußzeile",[9,24,29,34],{"__typename":10,"id":11,"title":12,"description":13,"url":14,"langcode":15,"internal":20,"expanded":21,"attributes":22},"MenuItem","e2873307-b50a-4aab-b6b2-1950fd99c72e","Impressum",null,"/impressum",{"__typename":16,"id":17,"name":18,"direction":19},"Language","de","German","ltr",true,false,{"__typename":23,"class":13},"MenuItemAttributes",{"__typename":10,"id":25,"title":26,"description":13,"url":27,"langcode":15,"internal":20,"expanded":21,"attributes":28},"2cd9b7c9-142a-4ea3-b898-a0952c54a195","Datenschutz","/datenschutz",{"__typename":23,"class":13},{"__typename":10,"id":30,"title":31,"description":13,"url":32,"langcode":15,"internal":20,"expanded":21,"attributes":33},"a5effba3-5a8c-4125-8d78-0cdba09824db","AGB","/agb",{"__typename":23,"class":13},{"__typename":10,"id":35,"title":36,"description":13,"url":37,"langcode":15,"internal":21,"expanded":21,"attributes":38},"114bf071-bdbb-44cf-85c1-69e9d9e0777d","Newsletter","https://liechtenecker.at/newsletter-subscribe",{"__typename":23,"class":13},{"menu":40},{"__typename":5,"id":41,"name":42,"items":43},"nuxt-main-menu","Nuxt Hauptmenü",[44,50,55,60,65,70],{"__typename":10,"id":45,"title":46,"description":13,"url":47,"langcode":48,"internal":20,"expanded":21,"attributes":49},"9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1","Blog","/know-how",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":23,"class":13},{"__typename":10,"id":51,"title":52,"description":13,"url":53,"langcode":48,"internal":20,"expanded":21,"attributes":54},"1c7a5430-8a42-4b24-9544-252adabc2f4c","Projekte","/projekte",{"__typename":23,"class":13},{"__typename":10,"id":56,"title":57,"description":13,"url":58,"langcode":48,"internal":20,"expanded":21,"attributes":59},"9c4feedc-79e4-4fbf-b68c-065f33ebfe4c","Sparring","/workshop-ux-sparring-fuer-unternehmen",{"__typename":23,"class":13},{"__typename":10,"id":61,"title":62,"description":13,"url":63,"langcode":48,"internal":20,"expanded":21,"attributes":64},"3b77a27b-272a-489f-843e-53e23ed07741","Trainings","/liechtenecker-ux-academy",{"__typename":23,"class":13},{"__typename":10,"id":66,"title":67,"description":13,"url":68,"langcode":48,"internal":20,"expanded":21,"attributes":69},"ce0bb82b-e1ee-4036-be95-f693a62e9f4a","Über uns","/about",{"__typename":23,"class":13},{"__typename":10,"id":71,"title":72,"description":13,"url":73,"langcode":48,"internal":20,"expanded":21,"attributes":74},"04a19381-81a9-4694-8653-182d8855d2b5","Kontakt","/kontakt",{"__typename":23,"class":13},{"route":76},{"__typename":77,"entity":78},"RouteInternal",{"__typename":79,"id":80,"title":81,"changed":82,"created":88,"langcode":91,"path":92,"promote":21,"status":20,"sticky":21,"metatag":93,"postCategory":113,"postContentElements":13,"evergreen":13,"tags":138,"postWpBody":148,"wpHeaderImage":13,"wpHeaderImageOld":151,"wpHeaderImageOldSmall":164,"wpOgImage":13,"wpPromotedTeaserImage":13,"wpShareDescription":13,"wpShareTitle":13,"wpTeaserText":13,"wpYoastHead":173,"author":174},"NodeWpPost","818","Große Web-Apps … ein Lösungsansatz",{"__typename":83,"timestamp":84,"timezone":85,"offset":86,"time":87},"DateTime",1554794699,"UTC","+00:00","2019-04-09T07:24:59+00:00",{"__typename":83,"timestamp":89,"timezone":85,"offset":86,"time":90},1528203946,"2018-06-05T13:05:46+00:00",{"__typename":16,"id":17,"name":18,"direction":19},"/blog/grosse-web-apps",[94,101,108],{"__typename":95,"tag":96,"attributes":97},"MetaTagValue","meta",{"__typename":98,"name":99,"content":100},"MetaTagValueAttributes","title","Große Web-Apps … ein Lösungsansatz | Liechtenecker UX Design Studio",{"__typename":102,"tag":103,"attributes":104},"MetaTagLink","link",{"__typename":105,"href":106,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"MetaTagLinkAttributes","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/blog/grosse-web-apps","canonical",{"__typename":109,"tag":96,"attributes":110},"MetaTagProperty",{"__typename":111,"property":112,"content":81},"MetaTagPropertyAttributes","og:title",{"__typename":114,"id":115,"name":116,"path":117,"status":20,"weight":118,"description":119,"langcode":123,"changed":124,"metatag":127},"TermCategories","7","Technologie","/kategorie/technologie",0,{"__typename":120,"processed":121,"format":122},"Text","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen. ","wp_html",{"__typename":16,"id":17,"name":18,"direction":19},{"__typename":83,"timestamp":125,"timezone":85,"offset":86,"time":126},1713772777,"2024-04-22T07:59:37+00:00",[128,131,135],{"__typename":95,"tag":96,"attributes":129},{"__typename":98,"name":99,"content":130},"Technologie | Liechtenecker UX Design Studio",{"__typename":95,"tag":96,"attributes":132},{"__typename":98,"name":133,"content":134},"description","Development Themen sowie zukünftige Technologien, mit denen wir uns auseinandersetzen.",{"__typename":102,"tag":103,"attributes":136},{"__typename":105,"href":137,"hreflang":13,"rel":107,"media":13,"sizes":13,"type":13},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/kategorie/technologie",[139,144],{"__typename":140,"id":141,"name":142,"path":143,"weight":118},"TermTags","965","php","/tag/php",{"__typename":140,"id":145,"name":146,"path":147,"weight":118},"1486","webapp","/tag/webapp",{"__typename":149,"processed":150,"format":122,"summary":13},"TextSummary","\u003Cdiv class=\"grid-wrapper\">\n    \u003Cdiv class=\"row\">\n        \u003Cdiv class=\"default-left col-xsmall-12 col-medium-6 col-medium-offset-2 col-large-6 col-large-offset-3 \">\n            \n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Hallo liebe Leute, eigentlich wäre heute ein weiterer Teil der Blogserie “CMS Wahl” dran… Ich muss euch aber gestehen, dass mir momentan so viele andere Gedanken durch den Kopf schwirren, sodass ich die Fortsetzung auf’s nächste Mal verschiebe. Da erfahrt ihr dann meine persönlichen Erfahrungen mit Typo3.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Da momentan viele große Projekte anstehen, viel geplant, konzipiert und recherchiert wird, erzählt dieser Beitrag von Entwicklungskonzepten und welche Basis-Komponenten in beinahe all unseren Projekten Verwendung finden. Ich sags gleich vorab: dieser Beitrag bezieht sich hauptsächlich auf die serverseitige Entwicklung; der Frontend-Part wird nur sehr oberflächlich behandelt.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Ich gehe in diesem Beitrag auch nur darauf ein, dass die Applikation von uns selbst entwickelt wird, und nicht auf ein bestehendes CMS aufbaut. In jenem Fall wäre die Vorgehensweise etwas anders.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Noch vor dem Projektstart setzen sich unsere Front- und Backend-Entwickler zusammen, um ein Konzept zu erarbeiten, wie die Kommunikation zwischen Client & Server aussehen wird. Manch einer wird sich’s schon denken – in den meisten Fällen lösen wir das über eine definierte Schnittstelle, auch bekannt als API (application programming interface). Das bedeutet, dass das Backend komplett vom Frontend getrennt entwickelt wird, was einige Vorteile bietet:\u003C/span>\u003C/p>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Die Web-App lädt schnell das Grundgerüst (sehr schneller page-load) und kann dann nach eigens definierter Priorität Inhalte nachladen. Für eine bessere User-Experience können pro Bereich Ladeanimationen angezeigt werden.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">die Entwickler bleiben in Ihrem Fachgebiet. Die Backend-Entwickler hantieren nur mit Backend-Frameworks & -Techniken und sind frei von Frontend-Code. Umgekehrt gilt dasselbe auch für Frontend-Entwickler, welche in Ihrem Projekt nicht mit Backend-Code konfrontiert werden.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Wenn die API entwickelt ist, können Applikationen jeder Art sie nutzen, solange sie autorisiert sind. Das bedeutet, dass Datenbank und Backend-Logik nur einmal programmiert werden müssen. Das erleichtert beispielsweise eine Erweiterung auf eine Mobile-App zu einem späteren Zeitpunkt enorm, da dann nur noch das Frontend für die App programmiert werden muss.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Sehr komplexe Software lässt sich durch APIs modularisieren. Das bedeutet, dass einzelne Funktionen in Programmmodule ausgelagert werden, um eine saubere Gesamtstruktur zu erhalten.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Backend & Frontend sind strikt voneinander getrennt.\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">…\u003C/span>\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Bei der Konzeption des Backends wird zu Beginn eine Liste erstellt – yeey 😀\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Dafür wird für jeden Punkt der Anforderungen des Endprodukts notiert, durch welche Funktionen diese erfüllt werden… Ein Beispiel dafür könnte sein:\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Auszug aus Anforderungen:\u003Cbr>\n\u003C/span>„In der Web-Applikation muss es uns möglich sein, User zu verwalten.”\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cspan style=\"font-weight: 400;\">Die daraus entstandene, einfache Liste:\u003Cbr>\n\u003C/span>\u003Cspan style=\"font-weight: 400;\">Web-Applikation:\u003C/span>\n\u003Cul>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">HTTP Request Handling\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">Routing\u003C/span>\u003C/li>\n\u003Cli style=\"font-weight: 400;\">\u003Cspan style=\"font-weight: 400;\">…\u003C/span>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003Cli>Userverwaltung:\n\u003Cul>\n\u003Cli>\u003Cspan style=\"font-weight: 400;\">Benutzer (Datenbank)\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan style=\"font-weight: 400;\">Rollen (Datenbank)\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan style=\"font-weight: 400;\">Berechtigungen (cached settings)\u003C/span>\u003C/li>\n\u003Cli>\u003Cspan style=\"font-weight: 400;\">Authentifizierung (oAuth2 API Authentifizierung)\u003C/span>\u003C/li>\n\u003C/ul>\n\u003C/li>\n\u003C/ul>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Wie ihr seht, wird eine inhaltliche Wunschliste des Kundens in eine technische Funktionsliste übersetzt. Ich persönlich schreibe mir zu dieser Liste, sofern ich schon Lösungsansätze im Kopf habe diese gleich dazu (in diesem Beispiel, dass Benutzer in der Datenbank gespeichert werden und Berechtigungen aus Settings-Files ausgelesen und gecached werden) — natürlich unverbindlich 😉\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Im nächsten Schritt werden für die technischen Anforderungen entsprechende Packages gesucht. In der PHP-Welt kann ich nur Composer als Package-Manager empfehlen. Dieser lädt Pakete aus dem Internet, installiert zusätzlich alle Abhängigkeiten und man hat im Nu eine Applikation, mit vielen, vielen Funktionen – obwohl man selbst nur wenige Zeilen Code geschrieben hat.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Falls ihr’s noch nicht kennt, empfehle ich euch in diesem Schritt die \u003Ca href=\"https://symfony.com/\">Symfony\u003C/a> Komponenten durchzuschauen. Symfony ist Open-Source und beinahe alle PHP Frameworks bauen auf zumindest einigen Komponenten davon auf. Es verbirgt sich eine riesige Community dahinter und alle Funktionen um eine Web-App zu bauen, sind bereits hoch-performant programmiert. All unsere Projekte haben zumindest ein paar der Komponenten im Einsatz.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Um Erweiterbarkeit zu gewährleisten, empfiehlt es sich, dem Kern einen Plugin-Manager hinzuzufügen. Hier ist sicherzustellen, dass Plugins die Möglichkeit haben, alle Funktionen (API, Datenbank, Berechtigungen, …) zu erweitern.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Wenn dieser Punkt erreicht ist, gehts auch schon an die Business-Logic. Alle wiederkehrenden Anforderungen (z.B. User-Management) werden natürlich als Plugins implementiert. Dadurch hat man nicht nur Erweiterbarkeit, sondern auch Wiederverwendbarkeit gewährleistet. Pro Projekt müssen dann immer nur spezifische  Anpassungen an die jeweiligen Anforderungen vorgenommen werden.\u003C/span>\u003C/p>\n\u003Cp>\u003Cspan style=\"font-weight: 400;\">Dieses (etwas vereinfachte) Konzept hat sich bei uns etabliert und die meisten großen Web-Apps bauen darauf auf. Wir sind natürlich auch neugierig auf eure Konzepte – wie geht ihr mit großen Web-Applikationen um? Lasst es uns in den Kommentaren wissen!\u003C/span>\u003C/p>\n        \u003C/div>\n    \u003C/div>\n\u003C/div>\n\n\n",{"__typename":152,"id":153,"excludeFromScreenreader":13,"mediaImage":154,"name":160,"path":163,"status":20},"MediaImage","1255",{"__typename":155,"url":156,"width":157,"height":158,"alt":159,"title":160,"size":161,"mime":162},"Image","http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2018/06/web_app_bild_1920x500_2018-1.png",1920,500,"Blogbild: Große Web-Apps","web_app_bild_1920x500_2018",7297,"image/png","/media/1255/edit",{"__typename":152,"id":165,"excludeFromScreenreader":13,"mediaImage":166,"name":170,"path":172,"status":20},"1254",{"__typename":155,"url":167,"width":168,"height":169,"alt":159,"title":170,"size":171,"mime":162},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/wp-migration/wordpress-media-image/2018/06/web_app_bild_922x519_2018-1.png",922,519,"web_app_bild_922x519_2018",6589,"/media/1254/edit","\u003C!-- This site is optimized with the Yoast SEO plugin v15.7 - https://yoast.com/wordpress/plugins/seo/ -->\n\u003Cmeta name=\"description\" content=\"Um komplexe Web-App zu entwerfen bedarf es jede Menge Zeit und Hirnschmalz. Wir haben schon viel von beidem investiert und berichten von unserer grundlegenden Herangehensweise an solche Projekte.\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://legacy.liechtenecker.dev/blog/grosse-web-apps/\" />\n\u003Cmeta property=\"og:locale\" content=\"de_DE\" />\n\u003Cmeta property=\"og:type\" content=\"article\" />\n\u003Cmeta property=\"og:title\" content=\"Unser Lösungsansatz für große Web-Apps - Liechtenecker\" />\n\u003Cmeta property=\"og:description\" content=\"Um komplexe Web-App zu entwerfen bedarf es jede Menge Zeit und Hirnschmalz. Wir haben schon viel von beidem investiert und berichten von unserer grundlegenden Herangehensweise an solche Projekte.\" />\n\u003Cmeta property=\"og:url\" content=\"https://legacy.liechtenecker.dev/blog/grosse-web-apps/\" />\n\u003Cmeta property=\"og:site_name\" content=\"Liechtenecker\" />\n\u003Cmeta property=\"article:published_time\" content=\"2018-06-05T15:05:46+00:00\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2019-04-09T09:24:59+00:00\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Geschätzte Lesezeit\">\n\t\u003Cmeta name=\"twitter:data1\" content=\"4 Minuten\">\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https://legacy.liechtenecker.dev/#website\",\"url\":\"https://legacy.liechtenecker.dev/\",\"name\":\"Liechtenecker\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https://legacy.liechtenecker.dev/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https://legacy.liechtenecker.dev/blog/grosse-web-apps/#webpage\",\"url\":\"https://legacy.liechtenecker.dev/blog/grosse-web-apps/\",\"name\":\"Unser L\\u00f6sungsansatz f\\u00fcr gro\\u00dfe Web-Apps - Liechtenecker\",\"isPartOf\":{\"@id\":\"https://legacy.liechtenecker.dev/#website\"},\"datePublished\":\"2018-06-05T15:05:46+00:00\",\"dateModified\":\"2019-04-09T09:24:59+00:00\",\"author\":{\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/d8b80cc046b867225321ea8b7a2a6de7\"},\"description\":\"Um komplexe Web-App zu entwerfen bedarf es jede Menge Zeit und Hirnschmalz. Wir haben schon viel von beidem investiert und berichten von unserer grundlegenden Herangehensweise an solche Projekte.\",\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https://legacy.liechtenecker.dev/blog/grosse-web-apps/\"]}]},{\"@type\":\"Person\",\"@id\":\"https://legacy.liechtenecker.dev/#/schema/person/d8b80cc046b867225321ea8b7a2a6de7\",\"name\":\"Daniel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https://legacy.liechtenecker.dev/#personlogo\",\"inLanguage\":\"de-DE\",\"url\":\"https://secure.gravatar.com/avatar/5708f7599c8e99528411ef29bef1ee34?s=96&d=mm&r=g\",\"caption\":\"Daniel\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"__typename":175,"id":176,"myRole":177,"name":178,"nickname":179},"User","5","Backend Development🤓","d-steindl","Daniel",{"latestKnowhow":181},[182,198,211],{"__typename":79,"id":183,"title":184,"path":185,"wpTeaserText":186,"wpPromotedTeaserImage":13,"wpHeaderImage":187},"1619","Behind the scenes: Ein Barrierefreiheits-Audit","/blog/behind-scenes-ein-barrierefreiheits-audit","”Entspricht unsere Website den gesetzlichen Anforderungen und wenn nicht, was genau müssen wir ändern?”\r\nDiese Frage lieben wir. Echt! Und so sieht unsere Antwort aus.",{"__typename":152,"id":188,"excludeFromScreenreader":13,"mediaImage":189,"name":196,"path":197,"status":20},"3364",{"__typename":155,"url":190,"width":191,"height":192,"alt":193,"title":13,"size":194,"mime":195},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-04/Headerbilder%20Blogartikel%20Behind%20the%20scene%20Accessibility%20Audit.jpg",2880,1300,"Headline mit Sujet: Tastatur mit Symbolen für Barrierefreiheit im Fokus auf hellem  Hintergrund",838204,"image/jpeg","Headerbilder Blogartikel Behind the scene Accessibility Audit.jpg","/media/3364/edit",{"__typename":79,"id":199,"title":200,"path":201,"wpTeaserText":202,"wpPromotedTeaserImage":13,"wpHeaderImage":203},"1616","Agentic KI trifft Design-System: Wie unser Presentation Maker entstand.","/blog/agentic-ki-trifft-design-system-wie-unser-presentation-maker-entstand","Nein, wir wollen euch jetzt nicht erzählen, was KI alles kann. Aber wir möchten euch zeigen, wie wir mit KI umgehen. \r\n",{"__typename":152,"id":204,"excludeFromScreenreader":13,"mediaImage":205,"name":209,"path":210,"status":20},"3355",{"__typename":155,"url":206,"width":191,"height":192,"alt":207,"title":13,"size":208,"mime":195},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-03/BLOG_Presentation%20Tool_TITEL-2880x1300px_1.jpg","Lukas und Daniel  arbeiten an Computern im Büro.",2621988,"BLOG_Presentation Tool_TITEL-2880x1300px.jpg","/media/3355/edit",{"__typename":79,"id":212,"title":213,"path":214,"wpTeaserText":13,"wpPromotedTeaserImage":13,"wpHeaderImage":215},"1606","UI Trends 2026","/blog/ui-trends-2026",{"__typename":152,"id":216,"excludeFromScreenreader":21,"mediaImage":217,"name":221,"path":222,"status":20},"3303",{"__typename":155,"url":218,"width":191,"height":192,"alt":219,"title":13,"size":220,"mime":195},"http://liechtenecker-cms.liechtenecker-cms.svc.cluster.local/sites/default/files/2026-01/BLOG_Trendbericht%202026.jpg","UI Trends 2026, gelber Hintergrund, schwarze Schrift.",4700748,"BLOG_Trendbericht 2026.jpg","/media/3303/edit",{"Language:de":224,"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e":225,"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195":229,"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db":232,"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d":235,"Menu:footer":238,"ROOT_QUERY":248,"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1":264,"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c":267,"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c":270,"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741":273,"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a":276,"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5":279,"Menu:nuxt-main-menu":282,"TermCategories:7":296,"TermTags:965":307,"TermTags:1486":308,"MediaImage:1255":309,"MediaImage:1254":311,"User:5":313,"NodeWpPost:818":314,"MediaImage:3364":339,"NodeWpPost:1619":341,"MediaImage:3355":344,"NodeWpPost:1616":346,"MediaImage:3303":349,"NodeWpPost:1606":351},["null","__typename",16,"id",17,"name",18,"direction",19],["null","__typename",10,"id",11,"title",12,"description",13,"url",14,"langcode",226,"internal",20,"expanded",21,"attributes",228],{"__ref":227},"Language:de",["null","__typename",23,"class",13],["null","__typename",10,"id",25,"title",26,"description",13,"url",27,"langcode",230,"internal",20,"expanded",21,"attributes",231],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",30,"title",31,"description",13,"url",32,"langcode",233,"internal",20,"expanded",21,"attributes",234],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",35,"title",36,"description",13,"url",37,"langcode",236,"internal",21,"expanded",21,"attributes",237],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",5,"id",6,"name",7,"items",239],[240,242,244,246],{"__ref":241},"MenuItem:e2873307-b50a-4aab-b6b2-1950fd99c72e",{"__ref":243},"MenuItem:2cd9b7c9-142a-4ea3-b898-a0952c54a195",{"__ref":245},"MenuItem:a5effba3-5a8c-4125-8d78-0cdba09824db",{"__ref":247},"MenuItem:114bf071-bdbb-44cf-85c1-69e9d9e0777d",["null","__typename",249,"menu({\"name\":\"FOOTER\"})",250,"menu({\"name\":\"NUXT_MAIN_MENU\"})",252,"route({\"path\":\"/blog/grosse-web-apps\"})",254,"latestKnowhow({\"excludeId\":\"818\",\"limit\":3})",257],"Query",{"__ref":251},"Menu:footer",{"__ref":253},"Menu:nuxt-main-menu",["null","__typename",77,"entity",255],{"__ref":256},"NodeWpPost:818",[258,260,262],{"__ref":259},"NodeWpPost:1619",{"__ref":261},"NodeWpPost:1616",{"__ref":263},"NodeWpPost:1606",["null","__typename",10,"id",45,"title",46,"description",13,"url",47,"langcode",265,"internal",20,"expanded",21,"attributes",266],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",51,"title",52,"description",13,"url",53,"langcode",268,"internal",20,"expanded",21,"attributes",269],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",56,"title",57,"description",13,"url",58,"langcode",271,"internal",20,"expanded",21,"attributes",272],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",61,"title",62,"description",13,"url",63,"langcode",274,"internal",20,"expanded",21,"attributes",275],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",66,"title",67,"description",13,"url",68,"langcode",277,"internal",20,"expanded",21,"attributes",278],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",10,"id",71,"title",72,"description",13,"url",73,"langcode",280,"internal",20,"expanded",21,"attributes",281],{"__ref":227},["null","__typename",23,"class",13],["null","__typename",5,"id",41,"name",42,"items",283],[284,286,288,290,292,294],{"__ref":285},"MenuItem:9ffc5019-cbd8-4b2e-8eb7-9feae486d4a1",{"__ref":287},"MenuItem:1c7a5430-8a42-4b24-9544-252adabc2f4c",{"__ref":289},"MenuItem:9c4feedc-79e4-4fbf-b68c-065f33ebfe4c",{"__ref":291},"MenuItem:3b77a27b-272a-489f-843e-53e23ed07741",{"__ref":293},"MenuItem:ce0bb82b-e1ee-4036-be95-f693a62e9f4a",{"__ref":295},"MenuItem:04a19381-81a9-4694-8653-182d8855d2b5",["null","__typename",114,"id",115,"name",116,"path",117,"status",20,"weight",118,"description",297,"langcode",298,"changed",299,"metatag",300],["null","__typename",120,"processed",121,"format",122],{"__ref":227},["null","__typename",83,"timestamp",125,"timezone",85,"offset",86,"time",126],[301,303,305],["null","__typename",95,"tag",96,"attributes",302],["null","__typename",98,"name",99,"content",130],["null","__typename",95,"tag",96,"attributes",304],["null","__typename",98,"name",133,"content",134],["null","__typename",102,"tag",103,"attributes",306],["null","__typename",105,"href",137,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",140,"id",141,"name",142,"path",143,"weight",118],["null","__typename",140,"id",145,"name",146,"path",147,"weight",118],["null","__typename",152,"id",153,"excludeFromScreenreader",13,"mediaImage",310,"name",160,"path",163,"status",20],["null","__typename",155,"url",156,"width",157,"height",158,"alt",159,"title",160,"size",161,"mime",162],["null","__typename",152,"id",165,"excludeFromScreenreader",13,"mediaImage",312,"name",170,"path",172,"status",20],["null","__typename",155,"url",167,"width",168,"height",169,"alt",159,"title",170,"size",171,"mime",162],["null","__typename",175,"id",176,"myRole",177,"name",178,"nickname",179],["null","__typename",79,"id",80,"title",81,"changed",315,"created",316,"langcode",317,"path",92,"promote",21,"status",20,"sticky",21,"metatag",318,"category",325,"contentElements",13,"evergreen",13,"tags",327,"wpBody",332,"wpHeaderImage",13,"wpHeaderImageOld",333,"wpHeaderImageOldSmall",335,"wpOgImage",13,"wpPromotedTeaserImage",13,"wpShareDescription",13,"wpShareTitle",13,"wpTeaserText",13,"wpYoastHead",173,"author",337],["null","__typename",83,"timestamp",84,"timezone",85,"offset",86,"time",87],["null","__typename",83,"timestamp",89,"timezone",85,"offset",86,"time",90],{"__ref":227},[319,321,323],["null","__typename",95,"tag",96,"attributes",320],["null","__typename",98,"name",99,"content",100],["null","__typename",102,"tag",103,"attributes",322],["null","__typename",105,"href",106,"hreflang",13,"rel",107,"media",13,"sizes",13,"type",13],["null","__typename",109,"tag",96,"attributes",324],["null","__typename",111,"property",112,"content",81],{"__ref":326},"TermCategories:7",[328,330],{"__ref":329},"TermTags:965",{"__ref":331},"TermTags:1486",["null","__typename",149,"processed",150,"format",122,"summary",13],{"__ref":334},"MediaImage:1255",{"__ref":336},"MediaImage:1254",{"__ref":338},"User:5",["null","__typename",152,"id",188,"excludeFromScreenreader",13,"mediaImage",340,"name",196,"path",197,"status",20],["null","__typename",155,"url",190,"width",191,"height",192,"alt",193,"title",13,"size",194,"mime",195],["null","__typename",79,"id",183,"title",184,"path",185,"wpTeaserText",186,"wpPromotedTeaserImage",13,"wpHeaderImage",342],{"__ref":343},"MediaImage:3364",["null","__typename",152,"id",204,"excludeFromScreenreader",13,"mediaImage",345,"name",209,"path",210,"status",20],["null","__typename",155,"url",206,"width",191,"height",192,"alt",207,"title",13,"size",208,"mime",195],["null","__typename",79,"id",199,"title",200,"path",201,"wpTeaserText",202,"wpPromotedTeaserImage",13,"wpHeaderImage",347],{"__ref":348},"MediaImage:3355",["null","__typename",152,"id",216,"excludeFromScreenreader",21,"mediaImage",350,"name",221,"path",222,"status",20],["null","__typename",155,"url",218,"width",191,"height",192,"alt",219,"title",13,"size",220,"mime",195],["null","__typename",79,"id",212,"title",213,"path",214,"wpTeaserText",13,"wpPromotedTeaserImage",13,"wpHeaderImage",352],{"__ref":353},"MediaImage:3303"]