Hello World: Building a Multi-Mode Portfolio

next.jsarchitectureportfolio

# Hello World

Welcome to my redesigned portfolio. This isn't just another Next.js site – it's an experiment in building adaptive web experiences.

## The Problem

As a data engineer, I wear multiple hats. Sometimes I'm presenting to recruiters who want to see my experience. Other times, I'm showcasing my personal brand or sharing technical content. Traditional portfolios force you to choose one identity.

## The Solution

I built a **multi-mode architecture** where the same content can be presented in different ways:

- **Portfolio Mode**: Resume-focused, clean, professional - **Brand Mode**: Motion-heavy, creative, personality-forward - **Product Mode**: Landing page style, conversion-optimized - **Blog Mode**: Content-first, reading-focused

## Technical Highlights

```typescript // Mode switching with React Context const { mode, setMode } = useMode();

// Content adapts to mode <HeroSection variant={mode} /> ```

The entire site is statically generated for GitHub Pages, with no server runtime required.

## What's Next

I'll be sharing more about the technical decisions, motion design system, and content architecture in upcoming posts.

Stay tuned!