Portfolio Website

The site you are currently viewing - built with Next.js and deployed on Vercel.

My first Next.js project, built to learn the framework hands-on while creating a place to showcase my work — using the App Router, TypeScript and Tailwind CSS.

Shared layouts provide the navbar and footer across every page, while dynamic [slug] routes generate a dedicated page for each project from a single typed data source, so adding a project means adding one entry. It's mobile-first and responsive, with images optimised through next/image and icons from Heroicons.

The hero background is a custom animation of soft, drifting gradient blobs — styled with CSS custom properties and keyframes, and rendered on the server so it works on any device even without client-side JavaScript. The whole site auto-deploys from GitHub to Vercel.