Fröhlich ∧ Frei
Webseite mit React und Gatsby

Kunde
Wir selbst
Typ
Statische Webseite
Zeitraum
2017
Webseite
biste schon drauf

Unsere neue Webseite ist endlich da! Ab jetzt bleiben wir hier dran und werden dafür sorgen, dass hier regelmäßig was passiert. Schaut also gerne wieder vorbei. Wir werden stetig News, Blogartikel, Projekte und neue Features für Euch veröffentlichen.

Konzept

Inhaltlich und visuell haben wir hier klar auf das Thema Fröhlich ∧ Frei gesetzt. Wir sind wir: bunt, flexibel, offen, meistens fröhlich, meistens frei, locker, ehrlich, zuverlässig, ...

Mit React und Gatsby als Basis wollten wir unsere Erfahrungen in der Entwicklung von statischen Webseiten mit diesen Technologien ausbauen, denn wir denken, das könnte auch für andere Projekte sehr interessant sein.

FUF colorful

Technische Umsetzung

Coding React

React

React ist zu einer absoluten Kerntechnologie bei Fröhlich ∧ Frei geworden.

Die Metapher der Komponenten sorgt dafür, dass der Sourcecode sehr übersichtlich und gut strukturiert ist. Mit React kann ein Entwickler etwas Neues bauen und die Anderen benutzen es einfach, ohne im Detail drinzustecken. Gleichzeitig lässt sich React auch flexibel in bestehende Projekte integrieren.

Das spart eine Menge Zeit!

Gatsby - Static site generator for React

Gatsby

Ein moderner Javascript Stack besteht aus vielen großartigen Open Source Einzelprojekten, die hochkonfigurierbar sind. Allein mit einer Webpack Buildkonfiguration, die moderne Features wie Hot-Reloading unterstützt, kann man schon mal einige Zeit verbringen, bis alles läuft. Dafür geht danach alles ein bisschen flotter!

Gatsby stellt eine hervorragende Basiskonfiguration dieser Tools zur Verfügung und die aktive Community fügt ständig neue mächtige Features hinzu. Das vereinfacht den Prozess von der ersten Idee zur klickbaren Website drastisch.

Technologien

CSS3 Gitlab React GatsbyHTML5 Adobe Photoshop Visual Studio Code Webpack