[ BACK_TO_GALLERY ]
Next.js
/
FEATURED_SYSTEM

debatreyadas.dev

A Manifest-Driven Developer OS

STARS::COUNT
0
LAST_SYNC::EPOCH
37 MINUTES AGO
REPO::ACCESS
SITE::LIVE

Case Study: Engineering a Manifest-Driven Developer OS

Overview

debatreyadas.dev is more than a portfolio; it is a decoupled, data-driven operating system designed to automate my digital identity. As a final-year student maintaining a 9.57 CGPA, I needed a system that showcased both my academic rigor and my ability to build scalable, automated infrastructure.

The Challenge

Traditional portfolios are static and require manual updates for every new project or blog post. I wanted to solve three specific problems:

  1. Sync Fatigue: Manually updating project cards.
  2. Knowledge Fragmentation: Keeping my technical notes (TILs) separate from my project showcase.
  3. Professional Documentation: Rendering complex mathematical formulas (like PRAM models) with high-fidelity LaTeX.

The Architecture

The system follows a "Manifest-Driven" design pattern. The portfolio acts as a "dumb" consumer of data from external sources.

1. The Discovery Engine

The site uses the GitHub API to crawl my repositories for the portfolio topic and a .debatreya manifest. This ensures that simply tagging a repo on GitHub automatically features it on my site without a single line of code change.

2. The Quarto Knowledge Garden

For my TILs, I integrated Quarto. This allows me to write in a "Technical Notebook" format that supports:

  • KaTeX Rendering: For formulas like Slatency(s)=1(1p)+psS_{latency}(s) = \frac{1}{(1-p) + \frac{p}{s}}.
  • Knowledge Graphing: Linking TILs to specific project IDs via YAML metadata.

Key Technical Decisions

  • Framework: Next.js (App Router) for lightning-fast Server Components.
  • Styling: A custom Emerald UI Token system (#14F195) for a high-contrast developer aesthetic.
  • Data Integrity: A strict TypeScript interface contract ensuring no data is hardcoded.

Results

The result is a zero-maintenance portfolio that stays in sync with my GitHub activity. It provides a "Developer OS" experience that accurately reflects my status as a Software Engineer specialized in distributed systems and digital public goods.

DEPENDENCY_GRAPH / TECH_STACK

Next.js
TypeScript
Tailwind CSS
Quarto
KaTeX