All projects
P01CompletedEngineering Assets

davdav.tech

A fully static personal professional website built as a production engineering asset. Designed to demonstrate technical execution, architectural thinking, and application ownership — not just act as a portfolio.

Next.jsTypeScriptTailwind CSSMDX

Problem Statement

Most personal developer websites are static HTML templates or CMS-driven sites that don't showcase actual engineering capabilities. The goal was to build a site that demonstrates the same quality standards applied to enterprise systems: clean architecture, performance optimization, maintainability, and a content production model that scales.

Architecture

Static export via Next.js App Router with full TypeScript coverage. Content is separated from presentation — structured data lives in TypeScript data files, MDX files handle the blog, and TSX components are pure presentation layers with no embedded business data. This architecture allows content updates without touching application code.

Technologies

Next.js 16React 19TypeScript 5Tailwind CSS 4MDXgray-matterremark-gfmnext-mdx-remotePHPMailerApache / cPanel

Lessons Learned

Turbopack has serialization constraints that prevent remark/rehype plugins from being configured in next.config.ts — they must be passed directly to the MDXRemote component at render time. The content/presentation separation pattern proved valuable early: it makes copy updates, content additions, and structural refactors independent of each other, which mirrors how a good service layer insulates business logic from delivery mechanisms.

See all work

More projects

Browse the full portfolio of engineering, architecture, and leadership initiatives.

View all projects