Project case study

Space Portfolio

A static-first Next.js portfolio with a lazy-loaded 2D spaceship navigation layer.

Problem

Personal portfolios often choose between practical content and playful interaction. This project keeps the professional portfolio structure intact while adding an optional flight interface.

Approach

The content layer is built with static routes and local MDX. The animated route map is loaded only on the home page, uses an orthographic camera, and mirrors every destination with normal links. Docking opens a focused landing panel first, so visitors can inspect the selected route or content planet before navigating away from the map.

Outcome

The MVP can deploy to static hosting, pass accessibility checks, and still leave room for future full-stack features through a standalone Docker build.