Augusto Sachsen
Kunde:
- blade
- html
- jquery
- laravel
- sass
- vue-js
- webdev
Projektbeschreibung
Augusto Sachsen ist ein Portal für Veranstaltungen, Gastronomie und Freizeit-Tipps für Kunst, Kultur, Musik und Familie. Die Startseite mit News und den Veranstaltungstipps war das erste Projekt, welches aus dem Redakionssystem omnivio hervorging. Sowohl Nachrichtenartikel als auch Layout stammten aus dem eigenen System.
Auf der Startseite wurden eigens dafür entwickelte Module eingesetzt, die die neuesten Beiträge anzeigten. Dies geschah entweder in kuratierter Form oder nach einem bestimmten Algorithmus. Auch hier sorgte VueJS für die Dynamik im Frontend.
Umsetzung und Herausforderungen
Kern unserer Arbeit für Augusto Sachsen war die Startseite und eine Nachrichtendetailseite. Ausgeliefert wurden diese aus einem Laravel-Projekt heraus. In den Blade-Templates werden Vue-Komponenten eingesetzt, um Layout und Inhalte, die über das CMS omnivio erstellt wurden, auszuspielen. Jedes Inhaltselement, welches die Redakteure in omnivio einsetzten, brauchte also ein Gegenstück in der Webapp von Augusto.
Es wurden allgemeine Elemente wie Überschriften, Texte, Bilder oder Slider erstellt, aber auch spezifische Module wie Newsblöcke, die als Grid angeordnet sind. Ein Modul für Google Ads sorgte für die Ausspielung von responsiven Anzeigen aus dem Google Ad Server.
Für das Frontend wurde ein eigenes CSS-Grid-System entwickelt, welches aus dem eigenen Content Delivery Network eingebunden wurde. Das CSS-Grid wurde über Sass generiert und besitzt ein responsives 12-Spalten-System. Modifier sorgen für weitere Flexibilität. Der Grund, warum nicht einfach ein das Grid-System von Bootstrap genutzt wird, ist volle Kontrolle über die Software sowie die Auslegung auf Langlebigkeit.
Zum Zeitpunkt der Entwicklung lag Vue in Version 2 vor. Alle Komponenten wurden mit der Options API geschrieben.
Technologien und Besonderheiten
-
Vue.js -
Laravel & Blade -
Einsatz semantischer HTML-Templates -
Sass -
Auslieferung aus eigenem CMS -
Teamarbeit
Habe ich Ihr Interesse geweckt?
Haben Sie Feedback zu diesem Projekt oder möchten Sie ein ähnliches Projekt umsetzen? Schreiben Sie mir oder rufen mich an.