Technologie
Nuxt.js
Ich entwickle mit Nuxt und Vue Websites, Headless-Frontends und Webanwendungen. Inhalte, Rendering und API-Anbindung werden auf dein Projekt abgestimmt.
Mehr erfahren
Referenzen
Wigandt Technology2025
Technische Fallstudie zu dieser Website mit Nuxt 4 und TypeScript
Technische Fallstudie zur Umsetzung dieser Website mit Nuxt 4, Vue 3, TypeScript, strukturierten Inhalten und automatisierten Qualitätsprüfungen.
Über das Unternehmen
Wigandt Technology
Webentwicklung & Automatisierung
St. Georgenstr. 17, 56751 Polch, Deutschland
Wigandt Technology ist der Auftritt des freiberuflichen Webentwicklers Johannes Wigandt aus Polch. Der Schwerpunkt liegt auf Backend-Entwicklung mit Laravel, PHP und APIs sowie Systemintegration und Automatisierung für Unternehmen. Websites und Shops ergänzen das Angebot.
Projekt
Überblick
Die Website von Wigandt Technology basiert auf Nuxt 4, Vue 3, TypeScript und typisierten lokalen Content-Strukturen. Seiten werden für Suchmaschinen vorgerendert und über Docker mit Dokploy betrieben.
Projektdetail
Leistungsumfang
- Informationsarchitektur für Leistungen, Projektseiten und Kontaktwege
- Komponentenbasiertes UI auf Basis von Tailwind CSS und Nuxt UI
- Automatische Meta-Daten, strukturierte Daten und OG-Grafiken
- Formularabwicklung mit Server-Validierung und Datenschutz-Checks
Projektdetail
Herausforderungen
- Headless-Setup mit strukturierten deutschen Inhalten und klaren Relationen zwischen Lösungen, Technologien und Referenzen
- Aufbau eines wiederverwendbaren Design-Systems, das Marketing-Seiten und Referenzen gleichermaßen abdeckt
- Technisches SEO inklusive schema.org-Markup, Sitemaps und kanonischen URLs
Projektdetail
Tech-Stack & Integrationen
- Nuxt 4 und Vue 3 mit TypeScript und lokalen Content-Strukturen
- Tailwind CSS & Nuxt UI für modulare Komponenten, theming und Accessibility
- Docker und Dokploy für reproduzierbare Builds und den Betrieb hinter dem Reverse-Proxy
- GitHub Actions für Tests, Linting und automatisierte Builds
Projektdetail
Ergebnis
Die Website bündelt Leistungen, Technologien, Referenzen und Kontaktwege in einem gemeinsamen System. Wiederverwendbare Komponenten und validierte Metadaten bilden die Grundlage für neue Inhalte, ohne für jede Seite eine eigene technische Lösung einzuführen.
Projektdetail
Business Impact
- Gemeinsame Datenquelle für sichtbare Inhalte, SEO-Metadaten und strukturierte Daten
- Konsistente Darstellung von Leistungen, Technologien und Referenzen
- Automatisierte Qualitätskontrolle durch Linting, Typprüfung, Tests und Build
Fallstudie
Nachvollziehbare Umsetzung im eigenen Projekt
Bei dieser Website sind technische Entscheidungen öffentlich überprüfbar: Inhalte und Metadaten liegen typisiert im Projekt, Seiten werden beim Build erzeugt und Änderungen durch Linting, Typprüfung, Tests und Produktionsbuild kontrolliert. Redirects und Kontaktanfragen werden über die angebundene Directus-Instanz verwaltet.
Die Fallstudie nennt deshalb konkrete Bestandteile der aktuellen Umsetzung, aber keine pauschalen Ladezeit-, Ranking- oder Conversion-Erfolge ohne abgegrenzte Messung. Änderungen an Sichtbarkeit werden getrennt über Seobility, Google Search Console und Bing Webmaster Tools beobachtet.
Diese Nuxt-4-Fallstudie beschreibt das eigene Projekt. Auftraggeber und Umsetzung fallen hier zusammen, ebenso wie bei der SaaS-Plattform DomainWarn; beide sind in den Übersichten als eigenes Projekt gekennzeichnet.
Technologien
Mehr erfahren
Mehr erfahren
Lösungen
Verwandte Lösung
Individuelle Webanwendungen und Backends entwickeln lassen
Ich entwickle Laravel-Backends, Kundenportale und interne Anwendungen mit eigenen Datenmodellen, Rollen und Schnittstellen. Dazu kommen bei Bedarf passende Frontends mit Nuxt und Vue.
Mehr erfahren