Melanie Stief, Senior Frontend Developer

.melanie // Frontend Developer

Viridis

Hi, I’m Melanie, a Senior Frontend Developer at Plan.net Technest in Munich. Viridis (lat: "green") is my little digital business card.

Day to day, I build high-performance, responsive frontends with HTML, CSS and TypeScript across the Vue.js / Nuxt and React / Next.js ecosystems, with Tailwind CSS, hand-written CSS, and modern tooling like Vite.

Accessibility (a11y) and performance matter to me: measuring with Lighthouse, SpeedCurve and WebPageTest, and caching with Redis (server) and TanStack Query (client).

Contentful is part of the mix too, certified via the Professional Exam, with content modeling, API integration and personalized experiences.

And more and more, I bring AI into my work: from AI-assisted development with Claude Code to LLM-powered features wired to live data via MCP. For me that’s less about hype and more about building things that feel genuinely useful and well-crafted.

Colophon

No CMS, no database, no framework runtime. Eleventy renders the templates, Vite bundles and hashes the assets, and a script afterwards inlines the stylesheet and preloads the font, so nothing blocks the first render. eleventy-img generates the images at build time, in several formats and widths for the browser to pick from.

Hand-written CSS with cascade layers, no Sass, no utility framework. The scroll progress bar and the hero parallax are scroll-driven CSS animations, and the page transitions are cross-document view transitions. All of it is declarative, which leaves 3.5 KB of JavaScript in a single file. No service worker: for four static pages a cache creates more problems than it solves. The Content Security Policy starts at default-src 'none'.

Every push runs ESLint, Stylelint, the TypeScript compiler, Vitest and Playwright with axe for WCAG 2.1 AA; a violation stops the deploy, and only main is uploaded. Numbers from the outside: PageSpeed Insights.

Quote

Details matter,
it's worth waiting to get it right. Steve Jobs