Vedran Krizic
Sprache
Open-Source-ProjektStatus: Aktiv

Agency CMS Platform

Eine zweisprachige Headless-Portfolio-Plattform auf Basis von Next.js und Strapi 5.

Das Open-Source-Monorepo hinter genau dieser Website: ein Next.js-Frontend, das CMS-gesteuerte Seitenabschnitte rendert, ein Strapi-5-Backend mit Lokalisierung in Deutsch und Englisch sowie eine schlanke Medien-Pipeline, die Uploads direkt in SQLite ablegt.

Rolle
Autor & Maintainer
Gestartet
Lizenz
MIT

Über das Projekt

Die Agency CMS Platform ist die Codebasis von vedrankrizic.com. Entstanden ist sie als Experiment: Wie weit kommt ein einzelner Entwickler mit einem Team aus KI-Coding-Agenten, wenn er einen produktionsreifen Headless-Stack ohne großes Team aufbauen will?

Warum es das Projekt gibt

Viele Portfolio- und KMU-Websites landen entweder in starren Templates oder in überdimensionierten CMS-Projekten. Diese Plattform liegt bewusst dazwischen: Redakteurinnen und Redakteure setzen Seiten in Strapi aus typisierten, wiederverwendbaren Abschnitten zusammen, während das Next.js-Frontend schnell, barrierearm und statisch optimierbar bleibt.

Besonderheiten

  • Abschnittsbasierte Seiten: über 35 typisierte Section-Komponenten, jeweils 1:1 einer React-Komponente zugeordnet.
  • Von Grund auf zweisprachig: Inhalte auf Deutsch und Englisch mit sprachspezifischen Slugs und hreflang-Verweisen.
  • Deployment als eine Datei: Medien liegen in SQLite, die komplette Website wird als eine Datenbankdatei ausgeliefert.
  • Core Web Vitals zuerst: Bildoptimierung, wenig Client-JavaScript und Performance-Budgets in der CI.
Langweilige Infrastruktur, angenehme Redaktionsarbeit.

Funktionen

  • Modularer Seitenbaukasten

    Seiten bestehen aus Dynamic Zones mit typisierten Abschnitten: Hero, Skills, Projektlisten, FAQs und mehr.

  • Lokalisierung DE/EN

    Strapi-i18n mit sprachspezifischen Slugs, übersetzten SEO-Metadaten und hreflang-Unterstützung.

  • SQLite-Medienprovider

    Ein eigener Strapi-Upload-Provider speichert Binärdaten in derselben SQLite-Datenbank.

  • Performance-Budgets

    Lighthouse- und Core-Web-Vitals-Prüfungen halten das Frontend auch bei wachsendem Funktionsumfang schnell.

  • Datenschutz als Standard

    Einwilligungsbasierte Analyse, keine Fremd-Fonts und DSGVO-taugliche Vorlagen für Rechtstexte.

  • Deployment mit einem Befehl

    Docker Compose und Caddy mit automatischem HTTPS auf einem kleinen VPS.

Tech-Stack

Sprachen
Frameworks
Datenbanken
Cloud
Testing
Tooling

Verwandte Artikel