web-portfolio-v2

About

web-portfolio-v2 is the current version of this site. It presents identity, experience, selected projects, writing, code activity, and contact information in a restrained editorial layout designed for both quick scanning and longer reading.

Most of the site is statically rendered HTML. Structured portfolio records live in typed YAML, while articles and project pages use repository-authored MDX. This keeps factual data separate from presentation and lets long-form pages remain ordinary documents instead of component-heavy application screens.

Highlights

• Project and article routes are generated from validated local MDX files.
• Experience, education, profile, and navigation data come from typed structured content.
• Semantic HTML and native browser behavior carry the core experience before client enhancement.
• Theme switching, mobile navigation, page motion, local time, and selected Home interactions use narrow client components.

How it works

Next.js Server Components compose the pages and load trusted repository content. Content discovery validates slugs, rejects duplicate names, and checks imported metadata before a route renders. Project and article routes publish a fixed set of static parameters, so the content directory remains the source of available pages.

The interface starts with meaningful server-rendered content. JavaScript adds focused behavior such as the modal mobile navigation, theme state, and progressive page motion. Native forms, links, headings, and disclosures preserve their basic operation when enhancement is unavailable.

Project details

• Framework: Next.js and React with TypeScript
• Content: typed YAML and trusted local MDX
• Styling: Tailwind CSS with scoped SCSS where needed, shadcn/ui, motion for animations