How I Built This Portfolio

This portfolio was created using SvelteKit as the frontend framework and PocketBase as the backend. My goal was to keep things fast, lightweight, and developer-friendly — both in terms of performance and workflow.

Why SvelteKit

I chose SvelteKit for its simplicity and flexibility. It allows for tight control over rendering, which makes it easy to fine-tune performance and loading behavior across pages. The reactive syntax and component model also made building and maintaining the UI enjoyable and efficient.

PocketBase as a Headless CMS

For the backend, I went with PocketBase, a self-hosted backend solution that includes authentication, file storage, and a powerful real-time database. It serves as the content layer for this portfolio, allowing me to easily manage project data, blog posts, and image assets without setting up a full database or CMS stack. I used the REST API for this post example or for the Visitor-Area

Design Iterations

The design of this site went through several iterations. Below are some snapshots of earlier versions. Iterating visually allowed me to focus not just on code, but also on the experience and tone I wanted to convey through the site.