kobiakov.dev — Arbeit, die Kunden prüfen können
Eine viersprachige Website, die umgesetzte Arbeit als nachvollziehbare Fallstudien zeigt und zu Projektanfragen führt. Ich entwickelte die Inhaltsplattform, Bildschirmgalerien und einwilligungsabhängige Analyse.
Umsetzung ansehenZeitraum
2026
Rolle
Entwickler
SSR · SSG
Seitenausgabe
CMS + DB
Inhalte
4
Sprachen
Technisches Ergebnis
Fallstudie → passende Leistung → Projektanfrage
Ehrliches Fazit
Eine veröffentlichte Plattform in vier Sprachen, auf der Besucher Arbeiten ansehen, passende Leistungen finden und ein Projekt anfragen können.
Einblick in die Umsetzung
Was gebaut wurde. Was Sie prüfen können.
- Umgesetzter Umfang
- Website in vier Sprachen mit Fallstudien, Leistungen, Anfragen, Inhaltsanbindung und Code für ein geschütztes Dashboard.
- Was geprüft wurde
- Die Version vom 22. Oktober bestand 363 Unit-Tests, den lokalen Production-Build und 56 HTTP-Routenprüfungen. Galerien, Navigation und repräsentative Ansichten mit 1440/768/390 px wurden im Browser bedient.
- Grenzen der Nachweise
- Das sind Versionsprüfungen, kein gemessener Zuwachs an Anfragen. Mailversand, KI-Chat, OAuth und CMS wurden in diesem Release nicht erneut durchgängig abgenommen.
Website-Plattform · Desktop
Reale Startseite aus der veröffentlichten Version vom 22. Oktober 2026. Sichtbar ist die implementierte Oberfläche, kein Designentwurf.
Problem
Besuchern helfen, das Angebot zu verstehen, passende Arbeit anzusehen und einen sinnvollen nächsten Schritt zu finden.
Die Herausforderung
Unterschiedliche Arbeiten auf dem Smartphone verständlich zeigen, reale Lieferungen von Demos unterscheiden und Anfragen sowie Analyse nachvollziehbar behandeln.
Die Lösung
Ich entwickelte eine Next.js-Plattform mit vier Sprachen, Projektdaten mit statischem Fallback, Anfrageformularen und geschütztem Dashboard. Das Portfolio ergänzt reale Bildschirmgalerien, Angaben zur Prüfung, native FAQ und den direkten Weg von der Karte zum vollständigen Fall.
Technische Highlights
Serverseitig gerenderte öffentliche Seiten mit gezielt eingesetzten Client-Interaktionen.
Vier Sprachen mit gemeinsamen Übersetzungsschlüsseln und routenbezogener Auslieferung.
Reale Bildschirmgalerien mit tastaturbedienbarer Vergrößerung und mobiler Darstellung.
Projektdaten aus Prisma/PostgreSQL mit kuratiertem statischem Fallback.
Analyseereignisse prüfen die aktuelle Einwilligung und filtern private Texte und URL-Parameter.
Automatisierte Inhalts-, Komponenten- und Typprüfungen; lokaler Production-Build und Browser-QA.
Systemarchitektur
Next.js 15 (App Router)
React 19
TypeScript
Prisma 6 + PostgreSQL
NextAuth.js v4
Sanity CMS
Google Gemini AI
Upstash Redis
GitHub Actions CI/CD
Vercel
Kerntechnologien
Weitere Projekte
Brauchen Sie eine Website oder ein Werkzeug für Ihre Aufgabe?
Wir beginnen mit dem, was Ihre Kunden oder Ihr Team erledigen sollen. Seiten oder Ablauf, Integrationen und Abnahmekriterien legen wir vor der Entwicklung fest.