Moderne Frontends und Tools mit JS/TS.
Einordnung
JavaScript ist die Sprache, in der das Web läuft. Mit TypeScript wird daraus ein Werkzeug, das auch in großen Codebases verlässlich bleibt: Typisierung macht Datenflüsse sichtbar, reduziert Bugs und verbessert die Zusammenarbeit im Team.
Schwerpunkt
Im Frontend nutze ich JS/TS für komponentenbasierte UIs, State‑Management und schnelle Interaktionen. Mit SSR/SSG (zum Beispiel über Nuxt) lassen sich außerdem SEO und Performance sauber kombinieren. Auf der Serverseite kommt Node.js/TypeScript überall dort ins Spiel, wo APIs, Worker oder Integrationen zuverlässig umgesetzt werden sollen.
Schwerpunkt
Ein sauberer Build‑Prozess, konsequentes Linting und automatische Checks in CI/CD sind entscheidend, damit Projekte langfristig stabil bleiben. TypeScript-Strictness, klare Typ‑Grenzen zwischen Frontend und Backend sowie wiederverwendbare Utility Types helfen, Änderungen sicher auszurollen.
Schwerpunkt
Tests (Unit, Integration, E2E) und Performance‑Messungen sind nicht nur für große Produkte relevant. Gerade bei Kampagnen oder Shops verhindern sie, dass kleinere Änderungen Core Web Vitals verschlechtern oder Tracking‑Events brechen. In Produktion ergänzen Monitoring und Error‑Tracking das Setup, damit Probleme schnell sichtbar werden.
JavaScript/TypeScript ist für mich die Basis für moderne Frontends und viele Integrations‑ und Tooling‑Tasks. Mit guter Typisierung und klaren Patterns bleiben Projekte schnell, sicher und gut erweiterbar.
Aus einem Projekt
Die Inhalte dieser Website liegen als typisierte Datenstruktur im Repository. Ein Zod-Schema beschreibt, welche Felder eine Seite haben darf, von Titel und Beschreibung über das Inhaltsverzeichnis bis zu den FAQ-Blöcken und den JSON-LD-Knoten. Ein Generator erzeugt daraus die Laufzeitdaten, ein Prüfskript meldet fehlende Titel, zu lange Beschreibungen oder Überschriften, die nicht zum Inhalt passen.
Der Nutzen zeigt sich beim Ändern: Ein Tippfehler im Feldnamen fällt beim Generieren auf, nicht erst auf der veröffentlichten Seite. Dieselbe Technik setze ich für Formulardaten, API-Antworten und Konfigurationen in Kundenprojekten ein.
FAQ
Der Mehraufwand entsteht am Anfang, die Ersparnis über die Laufzeit. Typen fangen eine ganze Fehlerklasse vor dem Ausführen ab und beschreiben nebenbei, wie Daten durch die Anwendung fließen. Besonders wertvoll ist das bei Projekten, die über Jahre wachsen oder an denen später jemand anders arbeitet.
Ja. TypeScript lässt sich zunächst mit lockeren Einstellungen aktivieren, sodass vorhandener Code weiter läuft. Danach werden zuerst die zentralen Datenstrukturen und Schnittstellen typisiert, weil dort der Nutzen am größten ist, und die Strenge wird nach und nach erhöht.
DomainWarn
Fallstudie zu DomainWarn: SaaS für Domain-, DNS-, SSL- und E-Mail-Monitoring mit Laravel 13, PostgreSQL, Redis, Nuxt 4, Change Detection, zwanzig Benachrichtigungskanälen und Stripe-Abrechnung.
Kieser & Co. Kieferorthopäden
Relaunch für Kieser & Co. Kieferorthopäden mit klarer Beratung, strukturierter Patientenführung und vorbereitetem Domain-Switch von TYPO3 auf WordPress.
Benzler Bau & Sanierung
Website für Benzler Bau & Sanierung aus Mainz: vom Elektrofachbetrieb-Relaunch zu elf Leistungsseiten und elf Stadtseiten mit Nuxt 4, Schema.org und automatisierter SEO-Prüfung.
Der neue Webauftritt zeigt endlich unser komplettes Leistungsspektrum und bringt wöchentlich qualifizierte Anfragen. Die Zusammenarbeit lief reibungslos und Änderungen erledigen wir jetzt selbst im Handumdrehen.
Wigandt Technology
Technische Fallstudie zur Umsetzung dieser Website mit Nuxt 4, Vue 3, TypeScript, strukturierten Inhalten und automatisierten Qualitätsprüfungen.
Unicut Folientechnik
Website-Entwicklung für Unicut Folientechnik mit Fokus auf Fahrzeugbeschriftung, Werbetechnik und Leadgenerierung.
Unsere neue Website zeigt endlich, was wir können. Kunden finden sofort die richtige Leistung und kontaktieren uns direkt – genau so sollte das laufen.
VARIO Software AG
Backend-Entwicklung und Sass-Compiler für den Website-Relaunch von VARIO Software – WordPress mit PHP, MySQL und modularem Styling-System.
IhrSchutz24
Relaunch des Gambio-Online-Shops von IhrSchutz24 mit klaren Produktseiten für Videoüberwachungskameras und Sicherheitstechnik.
Die neue Website vermittelt unseren Kunden sofort Vertrauen und präsentiert unsere Videoüberwachungskameras verständlich. Seitdem kommen deutlich mehr qualifizierte Anfragen über die Online-Formulare – das hat unser Geschäft spürbar vorangebracht.
Neuentwicklung der Website für HeizDichWohl mit Fokus auf Energieberatung, Nutzerführung und modernem Design.
Vor der Zusammenarbeit hatten wir keinerlei Online-Präsenz. Jetzt haben wir eine professionelle Website, die unsere Beratungsleistungen klar darstellt und regelmäßig neue Kundenanfragen bringt. Die Umsetzung war schnell und unkompliziert.
Belco24
Relaunch des Gambio-Online-Shops von Belco24 mit modernem Design, klaren Produktseiten und übersichtlicher Nutzerführung.
Mit dem neuen Webauftritt präsentieren wir unsere Produkte und Services endlich zeitgemäß. Die Seite lädt schnell, sieht professionell aus und lässt sich einfach aktualisieren – genau das, was wir gebraucht haben.
Verwandte Lösung
Ich entwickle Laravel-Backends, Kundenportale und interne Anwendungen mit eigenen Datenmodellen, Rollen und Schnittstellen. Dazu kommen bei Bedarf passende Frontends mit Nuxt und Vue.
Technologie
Ich entwickle mit Nuxt und Vue Websites, Headless-Frontends und Webanwendungen. Inhalte, Rendering und API-Anbindung werden auf dein Projekt abgestimmt.