Web-Entwicklung
Modernste Technik

Ganz einfach gesagt: Wir programmieren Websites & Webanwendungen sowie Online-Shops. Diese Tätigkeiten kennen Sie vielleicht auch unter den Namen Web-Development oder Web-Engineering. Dabei entwickeln wir anhand Ihrer Wünsche Webanwendungen wie Unternehmensportale, Intranets, E-Commerce-Websites, Blogs oder andere spezialisierte Online-Software.

Dafür kommen verschiedene Basis-Technologien zum Einsatz:

• Webserver, Datenbankserver, Suchserver und weitere Server-Software zur Optimierung der Auftritte
• Programmiersprachen und Skriptsprachen wie PHP, HTML, CSS, JavaScript
• Moderne Frameworks für diese Sprachen wie Symfony, React.js und Tailwind CSS
• Darauf aufbauende Software wie TYPO3, WordPress, WooCommerce, Shopware, Magento Open Source und Adobe Commerce

Sehen wir uns im Detail an, wie wir arbeiten.

LIMESODA verfügt über jahrelange Erfahrung in der Entwicklung von Websites. Schon seit der Firmengründung im Jahr 2002 werden Webprojekte inhouse umgesetzt. Die Erfahrung aus tausenden Online-Projekten sowie sehr gut ausgebildete Entwickler:innen befähigen uns zur Verwirklichung komplexer Projekte. Institutionalisierte Qualitätssicherungsprozesse helfen dabei, den Standard hochzuhalten.

Programmierarbeiten werden immer direkt von uns erledigt. Inhouse. Dadurch sind kurze Kommunikationswege und Feedback-Zyklen möglich. Zudem bringen wir agile Prozesse in die Entwicklung ein.

Auch wenn jedes Webprojekt spezielle Anforderungen hat, macht es meistens Sinn, auf bestehende Lösungen zurückzugreifen und die weitere Entwicklung darauf aufzubauen.

Wir haben uns dafür entschieden, Open-Source-Software (OSS) den Vorzug gegenüber proprietären Systemen zu geben. Für Open-Source-Software fallen in den meisten Fällen keine Lizenzkosten an. Durch den offenen Quellcode sind Schadsoftware und Sicherheitslücken seltener als bei anderen Systemen. Bugs werden von der weltweiten Developer-Community behoben. Als Hauptnachteil von Open-Source-Software wird oft der fehlende Herstellersupport genannt. Dem wirken wir bei LIMESODA entgegen.

Wir setzen auf große, weltweit verbreitete Systeme wie das Enterprise Content-Management-System TYPO3, das Blog- und CMS-System WordPress oder die E-Commerce-Softwares Magento und Shopware. Für diese Anwendungen ist einerseits enormer Community-Support verfügbar.

Andererseits verfügen wir durch die Konzentration auf wenige Systeme über sehr viel Erfahrung, um jede Art von technischem Problem zu lösen. Unsere Entwickler:innen entscheiden, ob für Ihre Anforderungen verfügbare Module und Extensions eingesetzt werden können, oder ob wir das Feature über eine maßgeschneiderte Neuentwicklung umsetzen.

Webtechnologien unterliegen einem steten Wandel. Durch die Konzentration auf Open-Source-Entwicklung stehen bei LIMESODA vor allem HTML/CSS, PHP/MySQL und JavaScript in den jeweils aktuellen Versionen im Vordergrund.

Jede Sprache bietet Frameworks und Code-Bibliotheken, die weit verbreitet und somit im Einsatz erprobt sind. Wir setzen auf diesen Bausteinen auf, um stabile und wartbare Software zu erstellen. Wir nutzen auf der PHP-Seite vor allem Symfony und in der JavaScript-Welt React.

Unser Standard für Webserver sind nginx und Apache bzw. Node.js-basierte Lösungen. Als Caches bzw. leichtgewichtige Data-Stores verwenden wir Redis, memcached oder MongoDB. Damit eine Suche auch findet, was sie soll, setzen wir auf Elasticsearch, Apache Solr und CONTEXITY. Message-Queues bilden wir vorwiegend über RabbitMQ ab. Zur weiteren Skalierungs- und Performance-Optimierung setzen wir Varnish, CDNs wie Cloudflare oder BunnyCDN ein.

Das ist noch nicht alles. Mehr finden Sie im nächsten Abschnitt zu unserem Tech Radar.

Bei Bedarf können wir weitere Tools einsetzen. Geht Ihnen etwas ab, dann sprechen Sie bitte mit unserer Technikabteilung, um die Möglichkeiten abzuklären.

Die Idee des Tech Radars stammt von der Firma ThoughtWorks. Bei ThoughtWorks arbeiten Branchengrößen wie Martin Fowler oder ehemals Rebecca Parsons. Sie haben über Jahrzehnte Erfahrung in der IT-Branche gesammelt und beraten auf der ganzen Welt Konzerne in Software- und Technologie-Fragen.

Entgegen einer bloßen Auflistung erlaubt uns das Tech Radar zu erklären,

• wie und wo wir eine Software oder eine Arbeitsweise einsetzen und
• ob wir einen Service oder ein Tool noch evaluieren oder ob er/es bei uns bereits zur Best Practice geworden ist.

Und war es wichtig, das Tech Radar auch öffentlich zu machen und es so nicht nur mit Kolleg:innen, sondern auch mit Kooperationspartnern, Kund:innen und anderen Interessierten zu teilen. Wir wollen uns austauschen, Anknüpfungspunkte finden; vielleicht auch dem einen oder anderen auf diese Weise unser Wissen weitergeben.

Der firmeninterne Wert eines Tech Radars darf ebenfalls nicht unterschätzt werden:

• neue Kolleg:innen erhalten einen Einblick in die Software-Welt des Unternehmens
• potenzielle Mitarbeiter:innen interessiert es, wie gut sie mit uns technologisch „zusammenpassen“.
• Teams schaffen innerhalb des Unternehmens Bewusstsein, welche Technologien wo und wie im Einsatz sind (auch über Unternehmensbereiche hinweg)
• die ständige Re–Evaluierung der Einträge für neue Ausgaben des Tech Radars fördert die Reflexion: wo stehen wir, was wollen wir, wohin geht die Reise?

Unser Team umfasst inzwischen mehr als vierzig Menschen aus diversen Fachbereichen. Da ist es nicht mehr möglich, alle Änderungen in 1:1-Gesprächen zu kommunizieren. Das Tech Radar dient uns als Übersicht und Wegweiser für uns und unsere technischen Entscheidungen.

Das Dev-Setup und die Arbeitsweise in den Software-Teams von LIMESODA orientiert sich an unserer technischen Strategie.

Unsere technische Vision lautet:

Wir bieten technische Lösungen aus Österreich auf internationalem Top-Niveau.

Und unsere technische Mission ist:

• Wir erstellen hochqualitative, langlebige und moderne Apps, Webshops und Websites.
• Unsere Kund:innen verwenden unsere Apps, Webshops und Websites gerne und sind stolz darauf.
• Wir machen aktiv Vorschläge, wie die Apps, Webshops und Websites laufend verbessert und modernisiert werden können.

Um diesen Ansprüchen gerecht zu werden, investieren wir stark und regelmäßig in unser Tooling und unsere Ausbildung.

• Entwickler:innen verwenden als Code-Editor eine professionelle Entwicklungs-Umgebung (IDE, Integrated Development Environment).
• Wir entwickeln in einem lokalen Docker-Setup - entweder unserem LIMESODA Docker Setup oder DDEV.
• Core-Code wird nie überschrieben. Auch bei Dritthersteller-Erweiterungen wird Code nur geändert, wenn es unumgänglich ist. Wenn nötig, dann wird eine Vorgehensweise gewählt, mit der ersichtlich bleibt, was der Original-Code ist, und was angepasst wurde (z.B. mittels Composer-Patches oder Forks).
• Wir setzen künstliche Intelligenz ein - zur Unterstützung, verantwortungsvoll, und immer mit Letztverantwortung beim Menschen.

• Wir verwenden Git als unser Versions-Kontroll-System für alle Code-Änderungen.
• Als Git-Server verwenden wir GitLab.
• Unsere Package-Server heben historische Versionen der Softwarepakete auf. Somit können wir lauffähige Projekte bauen, selbst falls die Internetverbindung gestört oder ein Paket nicht mehr öffentlich verfügbar ist.
• Wir arbeiten mit einem In-House-Team. In GitLab wird über Gruppen geregelt, wer welche Projekte bearbeiten kann
• Mehrere Entwickler:innen programmieren zusammen an einem Projekt und integrieren ihre Arbeit laut „Continuous Integration“ (CI) auf einem gemeinsamen CI-Server (Jenkins oder GitLab).
• Externe Entwickler:innen (z.B. Mitarbeiter:innen unserer Kunden oder Extension-Hersteller) können bei Bedarf Zugriff auf genau die nötigen Repositorys erhalten und somit Änderungsvorschläge für den Code einbringen. Wichtig ist hier, dass eine Seite (in der Regel wir) die „Hoheit“ über den Code behält und daher alle Code-Änderungen überprüft und dann übernimmt („mergt“).

• Die CI-Server bauen die Projekte nach Änderungen in CI/CD-Pipelines zusammen, führen automatisierte Tests und Qualitäts-Checks durch.
• Nach einem erfolgreichen Build und Code-Review (siehe Qualitätssicherung) kann der Code laut "Continuous Deployment" (CD) Prinzip per Knopfdruck automatisiert auf Kunden-Systeme wie Test-, Staging- und Live-Systeme ausgeliefert werden ("Deployment").

• Code-Reviews in GitLab dienen zur Überprüfung auf sicheren und fehlerfreien Code nach dem Vier-Augen-Prinzip.
• Im CI/CD-Prozess werden je nach Software automatisierte Überprüfungen auf bekannte Sicherheitslücken in verwendeten Bibliotheken und Sicherheitslücken im Code durchgeführt.
• Die Entwickler:innen selbst, unsere PMs und Sie als Kunde können die Änderungen in einem QA-System (Quality Assurance) überprüfen.
• Sofern nicht anders vereinbart, nehmen Kund:innen die Änderungen auf dem QA-System (z.B. "Test" oder "Staging") ab, bevor sie in das Live-System deployt werden. Dort können neben funktionalen Tests auch Performance- und Sicherheitstests durch Sie vollzogen werden. Je nach Vereinbarung stellen wir bei Projekten auch kleinere oder größere Änderungen in Eigenverantwortung live und informieren Sie danach.
• Nach Bedarf und Ihren Vorstellungen können weitere Test-Umgebungen bis hin zu einer Umgebung pro Feature aufgesetzt sowie fortgeschrittenere Test-Szenarien wie Last-Tests oder externe Security-Audits angedacht werden.

• Produktive Systeme (z.B. das "Live-System") werden von nicht-produktiven Systemen ("Test", "Staging", ...) getrennt betrieben, damit es hier nicht zu Beeinträchtigungen oder Beschädigungen der Live-Instanz durch andere Instanzen kommt.
• Code-Dateien werden nicht manuell am Kunden-Server verändert. Ausnahmen sind Konfigurations-Anpassungen, sofern diese nicht über versionierten Code verwaltet werden.
• Für das Monitoring und Alerting setzen wir auf Icinga und Grafana. Wir haben definierte Standard-Checks für jede Software und ergänzen diese pro Bedarf um projektspezifische Checks, um wichtige Eigenheiten des Systems und KPIs abzudecken. Das Log-Monitoring erfolgt über Lösungen wie zum Beispiel Sentry.

Wir lassen uns nicht von Buzzwords leiten, sondern prüfen jedes Konzept auf seine Praxistauglichkeit. Wir setzen auf etablierte und moderne Technologien, ohne unsere Kund:innen automatisch zum neuesten „Hype“ zu verleiten. Deswegen erwähnen wir hier durchaus Themen, die gerade in aller Munde sind, und helfen gleichzeitig dabei, die „FOMO“ („Fear of missing out“) zu reduzieren und einen guten Mittelweg zu finden, damit Sie technologisch vorne mit dabei sind, aber nicht Geld in Dinge investieren, die für Sie nicht nötig oder die noch zu wenig erprobt sind.

Agentic Coding

KI-unterstützte Programmierung (auf Englisch: „AI Assisted Engineering“) ist eines der brennenden Themen dieser Zeit. Wir investieren viel Zeit, um unser Team fortzubilden und unser Tool-Set zu verbessern, damit wir unsere Effizienz steigern.

Wichtig ist uns einen Weg, der Umsetzungszeiträume verkürzt und damit Kosten für Sie senkt, ohne Abstriche bei der Qualität, Sicherheit, dem Datenschutz (Themen wie DSGVO, NDAs, …) und dem internen Wissenserwerb und -erhalt zu machen. Unser Fokus bleibt bei langfristigen Kundenbeziehungen und Lösungen. Das funktioniert nur, wenn man dem Hype nach „One-Shot“-Lösungen nicht nachgibt.

Automatisierungen

Auch intern arbeiten wir laufend an Verbesserungen, um effizienter und besser zu werden. Bevor wir Sie dazu beraten, testen wir intern, welche manuellen Aufgaben sich gut automatisieren lassen - egal, ob offline (z.B. Digitalisierung von Tätigkeiten, die sonst auf Papier erfolgen), oder online (Abläufe über mehrere Tools hinweg). Dazu setzen wir unter anderem auf Tools wie n8n, Node-RED oder eigenes implementierte Tools auf Basis von gängigen Frameworks.

Headless / Composable / "Best of Breed"

Websites mittels PWA auch offline verfügbar zu machen oder Systeme headless umzusetzen und über Schnittstellen zu integrieren, sind schon seit langer Zeit populäre Themen. Auch Composable bzw. Composable Commerce und der „Best of Breed“ Ansatz sind in aller Munde.

Von Headless-Umsetzungen profitieren vor allem Projekte mit klarem Fokus, individualisiertem User-Interface oder „schwerfälligem“ Frontend/Backend-Mix. PWA ist dann angebracht, wenn die dahinter liegenden Features den User:innen einen Mehrwert bieten.

Durch unsere langjährige Erfahrung mit React und Web-Angeboten können wir PWA und Headless-Lösungen in allen Bereichen (Magento, TYPO3, WordPress, Storyblok und Individual-Entwicklungen mit Symfony) bieten. Ergänzend zu React beschäftigen wir uns mit Vue.js.

Unter Composable / Composable Commerce und dem „Best of Breed“ Ansatz versteht man das, was jeder gute Handwerker kennt: Man sollte für jede Arbeit das richtige Werkzeug verwenden. Je nach Anforderung und Budget. Webshop-Systeme bieten kein vollständige CMS, und Content-Management-Systeme mit Shop-Erweiterungen haben abgespeckte Funktionalitäten gegenüber einer „vollwertigen“ E-Commmerce-Software. Sowohl CMS als auch Webshop werden mit einer eingebauten Newsletter- oder Reporting-Funktionalität nicht denselben Umfang abdecken können wie ein spezialisiertes SaaS-Tool für genau diesen Zweck.

Die Kunst besteht darin, zu erkennen: Wann ist für mich eine eingebaute Lösung gut genug? Wann habe ich einen besseren „Return on investment“ (ROI), wenn ich Tools miteinander verheirate? Wir verwenden daher Software, die Schnittstellen für die Integration von anderen Systemen anbietet und anpassbar ist, um auf die individuellen Geschäftsanforderungen einzugehen. Daher ist mit unserem Tech-Stack „Composable“ bzw. die Umsetzung des „Best of Breed“ Ansatzes möglich.

Interessiert an Details?

Klicken Sie sich durch unser Tech Radar oder fragen Sie uns gerne!