Portfolio mit Next.js und SQLite: Was ich dabei gelernt habe

Warum ein eigenes Portfolio überhaupt?

Als Freelancer ist dein Portfolio deine wichtigste Visitenkarte. Ich hätte einfach ein Template nehmen können — aber dann hätte ich keinen Admin-Bereich, keine Analytics und keine volle Kontrolle über den Code gehabt. Also habe ich es selbst gebaut.

Der Tech-Stack

Die Entscheidungen waren bewusst:

• Next.js 15 mit App Router — für Server Components, optimiertes Rendering und eingebautes SEO

• TypeScript — weil ich nach einem Produktionsfehler durch einen einfachen Tippfehler nie wieder ohne arbeiten will

• SQLite mit better-sqlite3 — die überraschendste Entscheidung, dazu gleich mehr

• Tailwind CSS — für schnelles, konsistentes Styling ohne CSS-Dateichaos

SQLite in Production — wirklich?

Ja, wirklich. Viele Entwickler denken sofort an PostgreSQL oder MySQL, wenn es um Produktionsdatenbanken geht. Aber für ein Portfolio mit einem einzigen Autor macht SQLite mehr Sinn als man denkt:

• Kein separater Datenbankserver — alles liegt in einer einzigen Datei

• Kein Connection Pooling, keine Latenz durch Netzwerkanfragen

• Backups sind trivial: einfach die .db-Datei kopieren

• Mit WAL-Mode ist die Performance für Read-Heavy-Workloads ausgezeichnet

Der entscheidende Vorteil: better-sqlite3 ist synchron. Kein await bei Datenbankabfragen, kein Async-Hell in Server Components. Das macht den Code deutlich einfacher zu lesen.

Der Admin-Bereich

Das war der aufwändigste Teil. Ich wollte Projekte, Blog-Artikel, Testimonials und Einstellungen direkt über eine Web-Oberfläche verwalten — ohne jedes Mal ins Terminal zu müssen. Das Ergebnis ist ein vollständiger Admin-Bereich mit:

• Drag-and-Drop-Sortierung für Projekte

• Rich-Text-Editor für Blog-Artikel (Tiptap)

• Bild-Upload mit automatischer WebP-Konvertierung

• Analytics-Dashboard mit Seitenaufrufen und Geräteverteilung

Was ich anders machen würde

Rückblickend würde ich früher anfangen, Inhalte zu schreiben. Der technische Teil hat Spaß gemacht — aber ein leeres Portfolio bringt keinen Traffic. Google rankt Seiten mit echtem, nützlichem Inhalt. Das hier ist mein erster Schritt in diese Richtung.

Fazit

Next.js und SQLite sind eine unterschätzte Kombination für persönliche Projekte und kleine Applikationen. Der Stack ist einfach, schnell und vollständig unter deiner Kontrolle. Wenn du ähnliches für dein eigenes Portfolio planst — melde dich gerne über das Kontaktformular.