Blog

  • Die Entkoppelung von Front- und Backend

    Die Entkoppelung von Front- und Backend

    Eine kurze Begriffsklärung.

    Unter Frontend versteht man grob gesagt die gestaltete Ausgabe der Inhalte auf der Webseite. Also alles, was man auf der Webseite sieht: die Texte, Bilder, Buttons, Menüs, Videos usw. Alles schön für den Benutzer aufbereitet, damit er sich gut zurechtfindet und schnell an die gewünschten Inhalte gelangt.
    Die Auswahl der Medien, das Schreiben der Texte, Anlegen von neuen Seiten und die Strukturierung der Inhalte geschieht im sogenannten Backend. Sowohl das Anlegen neuer Inhalte als auch die Pflege der bestehenden Inhalte wird in WordPress, wie in den meisten CMS (Content Management System) an dieser Stelle vorgenommen.

    WordPress ist im klassischen Sinne ein Tool zur Erstellung von Internet-Blöcken. Mit jeder Version kamen neue Werkzeuge zur Inhaltsverarbeitung hinzu und über Plugins lässt sich nahezu jede gewünschte Funktionalität ergänzen. WordPress Themes erlauben es, die Benutzeroberfläche fast beliebig zu gestalten. So hat sich WordPress im Laufe weniger Jahre zum meistgenutzten CMS im Internet entwickelt. 

    Mit der Einführung von Blöcken und des „Block-Editors” Gutenberg in WordPress 5.9 (2022) hat eine neue Ära begonnen. Full Site Editing, also das freie Bearbeiten und Gestalten einer kompletten Website im Backend ohne Programmierkenntnisse, ist das neue Konzept.

    Wann macht es denn Sinn, das Backend von WordPress vom Frontend zu lösen?

    Es sollten schon ein paar Anforderungen an die Website zusammenkommen, damit sich der nicht geringe Aufwand WordPress als ‘Headless CMS’ zu betreiben auch wirklich lohnt. Kurz gesagt, sind das gesteigerte Ansprüche an die Performance, Interaktivität und Flexibilität der Website.

    Muss viel Content mit hoher Geschwindigkeit ausgeliefert werden, kommt ein herkömmlicher WordPress Server irgendwann an seine Grenzen. Die Nutzung eines CDN Content Delivery Network steigert dabei die Performance, da statische Inhalte weltweit verteilt und von geografisch nahegelegenen Servern ausgeliefert werden. Ergänzend sorgt gezieltes Server-Side-Rendering dafür, dass Seiten bereits auf dem Server gerendert werden und Nutzer schnell eine nutzbare Ansicht erhalten – ein Vorteil für SEO und Ladezeiten. Dies ist mit einer reinen WordPress Lösung so nicht möglich.

    Wenn das UI/UX ein stark individuelles, interaktives Frontend benötigt, ist das ein gewichtiges Argument, das WordPress-Backend vom Frontend zu lösen. Die Einbindung moderner JavaScript Frameworks wie React, Nextjs, Vue.js, Nuxt oder Angular gelingt so viel besser.

    Ein weiterer guter Grund für ein entkoppeltes Frontend ist das leichtere Ausspielen der Inhalte auf verschiedene Plattformen (Multichannel-Publishing). Die im Backend liegenden Daten werden zentral über WordPress verwaltet und können je nach Bedarf in den speziellen Plattformen aufbereitet werden. 

    Insgesamt ist diese Trennung nur sinnvoll, wenn der Fokus auf Inhaltspflege liegt, also hauptsächlich Texte und Medieninhalte gepflegt und eingestellt werden. Soll selbständig viel am Design und Layout geändert werden, eignet sich eine WordPress Lösung besser.

     

    Bei stark individuellen interaktiven JavaScript Frontend

    Frontend kann leichter auf verschiedene Plattformen ausgespielt werden (Multichannel-Publishing). Inhalte zentral verwalten.

    CDN Content Delivery Network Geschwindigkeit, Static Site Generation, Server Side Rendering

    Nur bei geringem Bedarf an Layoutanpassungen. Haupt Verwendungszweck Content Pflege und Einpflege. 

  • Tailwind CSS

    Tailwind CSS

    Donec ullamcorper nulla non metus auctor fringilla. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

    Nulla vitae elit libero, a pharetra augue. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor.

    Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Donec id elit non mi porta gravida at eget metus.

  • WP-Post 13

    WP-Post 13

    Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius blandit sit amet non magna.

    Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Etiam porta sem malesuada magna mollis euismod. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

    Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Vestibulum id ligula porta felis euismod semper. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus.

  • WordPress Classic Backend

    WordPress Classic Backend

    Das WordPress Classic Backend hat sich jahrelang bewährt und gilt als zuverlässig und sicher. Es bietet alle grundlegenden CMS-Eigenschaften ‘out of the box’ und ist für viele Redakteure, Blogger und Seitenbetreiber ein vertrauter Anblick. Die eingepflegten Daten werden in einer MySQL Datenbank abgespeichert und können über die WordPress API abgerufen werden. In diesem Case Study, werden mit GraphQL die Daten für das Nextjs-Frontend geholt.

    Das WordPress Classic Backend eignet sich bestens als redaktionelles CMS, wenn der Schwerpunkt auf Text- und Medieneingabe liegt.

  • Sit Justo Vulputate

    Sit Justo Vulputate

    Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod.

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vestibulum id ligula porta felis euismod semper. Curabitur blandit tempus porttitor.

    Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Nulla vitae elit libero, a pharetra augue.

  • Post Production

    Post Production

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Maecenas faucibus mollis interdum.

    Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor.

  • No Pict

    Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper.

    Curabitur blandit tempus porttitor. Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper.

  • Porta Vestibulum

    Porta Vestibulum

    Nullam quis risus eget urna mollis ornare vel eu leo. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis.

    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia bibendum nulla sed consectetur.