TL;DR Placeholder project: a tiny dashboard widget showing how MDX components, code blocks, and the FAQ/cover-image fields render on a Project page.

English - Test Project 1

A tiny counter widget

A minimal example project: a counter component, wired up the same way a real technical case study would embed interactive pieces.

1. The setup

A single client component, mounted directly inside the MDX body:

'use client';

export default function Hello() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount((c) => c + 1)}>Count is {count}</button>;
}

2. Why this matters for a real case study

A real Project page can embed the same kind of interactive component — an architecture diagram, a before/after comparison, a live demo widget — right next to the narrative.