Portfolio mit Next.js und SQLite: Was ich dabei gelernt habe
Ich habe mein Developer-Portfolio komplett neu gebaut — mit Next.js 15, TypeScript und SQLite statt einer externen Datenbank. Hier sind die wichtigsten Erkenntnisse.
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 kopierenMit 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.
Ähnliche Artikel
Wie ich SEO gelernt habe — von 5 Besuchern täglich zu echtem Traffic
Mein Portfolio hatte 5 Besucher am Tag. Alle davon war ich selbst. Hier ist, was ich über SEO gelernt habe — und warum Google Search Console das wichtigste Tool dabei war.
5 Next.js Features, die ich täglich nutze
Nach hunderten Stunden mit Next.js gibt es Features, ohne die ich nicht mehr arbeiten will. Hier sind die fünf, die meinen Workflow am meisten verändert haben.