Skip to main content

Web2026Live product

Personal Portfolio

The portfolio you are viewing: a static Next.js site designed for accessibility and privacy, served from a Raspberry Pi.

Platforms
Website · Self-hosted
Focus
No analytics · Accessibility · Self-hosted

Project view

Portfolio home page showing a letterpress-style business card on a dark deskVisit the live project (opens in a new tab)
The business-card landing page introduces the site and provides navigation.

The story

The problem

I wanted a portfolio that felt personal, loaded quickly, and worked well without relying on visitor tracking.

What it delivers

I built a business-card-inspired landing page and a collection of lightweight project case studies, with keyboard accessibility and privacy in mind.

At a glance

  • No analytics

    The site does not use analytics or visitor-tracking scripts.

  • Accessibility

    Navigation and components are designed for keyboard and screen-reader use.

  • Self-hosted

    A Raspberry Pi serves the static export through nginx, with public access routed through a Cloudflare Tunnel.

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • nginx
  • Cloudflare
  • Raspberry Pi
  • Static by design

    Next.js exports the pages as static files, avoiding a continuously running application server for the portfolio itself.

  • Accessibility in practice

    The UI includes semantic landmarks, visible focus states, sufficient text contrast, and reduced-motion support.

Continue exploring

More projects

View all projects →︎