Emmanuel EbriEmmanuel Ebri
Back to Projects
Personal Project

Portfolio Website

The site you are looking at right now. Built on Next.js 16 with React Server Components, it renders almost everything on the server, so pages arrive fast and search engines read every word. Every project gets its own case study page generated from typed data files, which means adding new work never touches layout code. The design runs on a navy and bronze palette with a warm ivory light mode, and an accent-tinted world map sits behind every section as the site's signature texture.

Next.js 16React 19TypeScriptTailwindCSS v4next-themesEmailJS

The Challenge

A portfolio has one job, selling the developer, and most fail because they look like every other template. This one had to look distinct, load fast and stay honest about what I can actually do.

The Solution

I rebuilt it from scratch on Next.js 16 with server components, moved all content into typed data files and designed a navy and bronze identity instead of the usual template blue. What you see is the result, and the code behind it is part of the pitch.

Key Features

Server components by default, client JavaScript only where it earns its place
A full case study page for every project, generated from typed data
Navy and bronze theme with light and dark modes built as equals
Scroll-aware navigation that highlights the section you are reading
Continuous testimonial marquee that pauses on hover
Contact form wired to EmailJS, no backend required