Case study

Portfolio Website

A production-ready portfolio frontend that uses Next.js App Router, static generation for project pages, and a single source of truth in a data file for content management.

RoleArchitecture, front-end implementation, content systems
TimelineCurrent
FocusPersonal Engineering Portfolio
Frontend architectureUI engineeringSEO routingContent modeling
Next.js 15Stack
Static generationRendering
src/data/portfolio.jsData source

The brief

Challenge

Needed a maintainable structure for publishing only verified projects while keeping drafts private.

Approach

What we made

Used a single structured data source and explicit publication flags to control what appears on the site.

  • Implemented a clean App Router structure.
  • Added static `robots.txt` and sitemap generation.
  • Project visibility control with a per-project `hidden` flag.

Outcome

Results

A simpler, maintainable portfolio codebase where projects can be prepared privately and published intentionally.

Next.jsReactTailwind CSSpnpm

Gallery

Visual snapshots

Click any image to expand.

Next project

qPCRLabAutomation

A Python-based qPCR automation platform aimed at covering workflow steps and reducing operational overhead in small labs.

View next project