Die neue Sitewerk Webseite

Sitewerk Webseite mit Reactjs SPA und Headless CMS

Kontakt

Sitewerk AG
Werkhofstrasse 52
CH-4500 Solothurn

+41 32 501 19 22
info@sitewerk.ch

Social Media

Endlich ist es soweit! Unsere neue Webseite oder besser gesagt unsere neue Web-App ist online. Nebst dem neuen und frischen Design im Sitewerk-Look trumpft unser neues Baby mit Features wie einem flexiblen Headless CMS oder einer React SPA, die serverseitig gerendert wird, auf. Wie cool ist das denn!? Mehr Details und Informationen über den Sitewerk Webseiten-Stack erfährst du in diesem Blogartikel.

Mehr Flexibilität mit einem Headless CMS

Bei einem traditionellen Content Management System (CMS) werden dem Nutzer die angeforderten Inhalte mittels Template-Engine auf dem Server zusammengestellt und in Form von HTML Seiten ausgeliefert. Die View ist somit sehr stark an das CMS gebunden wodurch man an Flexibilität verliert. In der heutigen Zeit, wo Inhalte nicht nur auf Webseiten, sondern auch in Mobile Apps, Smartwatches oder Chatbots angezeigt werden müssen, ist eine Trennung des View-Layers und des CMS Backends unumgänglich. Genau das macht ein Headless CMS, wie im Fall der neuen Sitewerk Webseite Sanity.io. Dem Client werden lediglich die Daten ausgeliefert. Was dieser damit anstellt und wie er sie darstellt ist ihm überlassen, was gleichzeitig endlose Flexibilität im Frontend bedeutet.

Mehr Speed mit einer Single Page App mit Reactjs

Das Gegenstück und somit das Frontend der Webseite bildet, eine mit Reactjs realisierte Single Page Application. Der Zugriff auf die Daten erfolgt über eine standardisierte REST API, die das Headless CMS zur Verfügung stellt. Weil innerhalb der SPA nur jeweils die Daten geladen werden und nie ein vollständiger Page-Reload stattfindet, fühlt sich die Webseite flüssig und schnell an - beinahe wie eine normale Applikation, was die User Experience natürlich ungemein steigert. Welche Vorteile und Eigenschaften eine Single Page App noch mit sich bringen, kann man in unserem Blogartikel über SPAs nachlesen.

Noch mehr Speed mit Serverside Rendering

Um die Sitewerk Web-App noch schneller und nutzerfreundlicher zu machen, wird die Reactjs SPA mit Hilfe von der Next.js Library serverseitig gerendert. Die Daten werden gleich beim ersten Seitenaufruf von der API geholt und die Seite aufgebaut. Zum einen können dadurch mehrere API Requests eingespart bzw. gebündelt werden und zum anderen müssen die verschiedenen Clients weniger Arbeit verrichten, was gerade Devices, welche in Sachen Rechenleistung eher schwach auf der Brust sind, zugute kommt.


Glutz AG
IKEA
ALPIQ
HELION
Metalix Metallhandel AG
sun2wheel AG
Einwohnergemeinde der Stadt Olten