Zum Hauptinhalt springen
Alle Artikel

Vom Freelancer-Portfolio zum Tech-Blog

Von Dominik Stein2 Min. Lesezeit

Seit es 65 Creative gibt, brauche ich kein Portfolio als Solo-Selbstständiger mehr. Statt die Domain brachliegen zu lassen, wird steindominik.de mein persönlicher Tech-Blog – gebaut mit unserem Payload-Plus-Template auf Cloudflare Workers und D1.

Abstrakter Farbverlauf in Violett und Lavendel

Warum das Portfolio gehen musste

Das alte steindominik.de war eine klassische Freelancer-Seite: Leistungen, Referenzen, ein „Open for Work“-Badge und ein Kontakt-Button. Mit der Gründung von 65 Creative laufen Kundenprojekte nicht mehr über mich als Einzelperson. Eine Seite, die um Aufträge wirbt, die ich so gar nicht mehr annehme, ergibt keinen Sinn.

Die Domain wollte ich trotzdem behalten. Sie ist seit Jahren verlinkt – und ich schreibe gern auf, was ich beim Bauen von Websites lerne. Also wird aus dem Portfolio ein Blog.

Der Stack: Payload Plus auf Cloudflare

Statt eines handgeschriebenen Next.js-Projekts nutze ich jetzt dasselbe Fundament wie für unsere Kundenseiten: Payload Plus, unser Template für Payload CMS. In der aktuellen Version läuft es komplett auf Cloudflare:

  • Next.js 16 wird mit OpenNext als Cloudflare Worker ausgeliefert.
  • Payload speichert Inhalte, Nutzer und Versionen in Cloudflare D1.
  • Bilder und Dokumente liegen in R2, der Next.js-Cache in einem eigenen R2-Bucket.
  • Cache-Invalidierungen laufen über eine separate D1-Datenbank.

Damit habe ich ein vollwertiges CMS mit Entwürfen, Live-Vorschau, Mehrsprachigkeit und SEO-Feldern, ohne einen Datenbankserver betreiben zu müssen.

Design: weiterentwickelt statt neu erfunden

Optisch bleibt vieles vertraut: dunkles Theme, lavendelfarbene Akzente, DM Sans und die Navigation mit den Unterstrichen. Neu sind Artikelkarten mit Lesezeit, Kategorieseiten und eine Startseite, die direkt die neuesten Artikel zeigt. Startseite und Navigation pflege ich jetzt im CMS statt im Code.

Und die alten URLs?

Die Seiten des Portfolios leiten dauerhaft (permanente Weiterleitung) auf passende neue Ziele weiter. Wer noch einen Link auf eine alte Leistungsseite hat, landet nicht auf einer 404-Seite, sondern auf der Über-mich-Seite oder im Blog:

1// redirects.js (Auszug)
2{ source: '/seo-beratung', destination: '/ueber', permanent: true },
3{ source: '/web-development', destination: '/ueber', permanent: true },
4{ source: '/work', destination: '/blog', permanent: true },

Der erste Schritt ist gemacht. In einem eigenen Artikel beschreibe ich, was sich mit Payload auf Cloudflare D1 gegenüber Postgres ändert.