https://www.avonture.be/blog/tags/component Creation and management of React or Docusaurus UI components. Thu, 29 Oct 2026 00:00:00 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed en https://www.avonture.be/blog/docusaurus-typo-report-component /blog/docusaurus-typo-report-component Thu, 29 Oct 2026 00:00:00 GMT Build a secure, SSR-safe reader-feedback widget for your Docusaurus blog — text selection, 4 feedback types, PHP API with HMAC nonce, rate limiting, deduplication, admin dashboard, and email notifications.]]> Christophe docusaurus component php react security https://www.avonture.be/blog/docusaurus-blog-map /blog/docusaurus-blog-map Thu, 08 Oct 2026 00:00:00 GMT Build an interactive map of your whole Docusaurus corpus — every article as a bubble wearing the site's mascot, sized by how many other posts link to it, positioned by a force-directed layout that runs at build time in Node so the browser never ships d3-force. Includes the plugin, the canvas component, and the plain-list fallback that keeps the page usable with JavaScript disabled.]]> Christophe Claude Code docusaurus react component nodejs doc-as-code https://www.avonture.be/blog/docusaurus-ask-my-blog-bubble /blog/docusaurus-ask-my-blog-bubble Mon, 05 Oct 2026 00:00:00 GMT A feature your visitors cannot find does not exist. This article adds a floating "Ask my blog" bubble to a Docusaurus site — a third entry point into the same question index, and the first one that needs no prior knowledge. Includes the overlay mutual-exclusion trick that keeps two independent floating dialogs from ever opening at once.]]> Christophe Claude Code docusaurus react component https://www.avonture.be/blog/docusaurus-ask-my-blog /blog/docusaurus-ask-my-blog Mon, 28 Sep 2026 00:00:00 GMT A local LLM reads every article on your blog and writes the questions a developer would actually type into a search bar, each one mapped to the exact heading that answers it. The result is a build-time question index searched with plain BM25 in the browser — no embeddings, no API key, no vector database. Full pipeline, plugin and component included.]]> Christophe Claude Code docusaurus ai ollama react component nodejs https://www.avonture.be/blog/docusaurus-copy-as-markdown /blog/docusaurus-copy-as-markdown Thu, 10 Sep 2026 00:00:00 GMT Build a "Copy as Markdown" button and a "View raw" link for your Docusaurus blog posts — a build-time plugin that writes a plain-Markdown mirror next to every article, plus the tiny React component that fetches it and copies it to the clipboard. Full source included.]]> Christophe docusaurus markdown react component https://www.avonture.be/blog/docusaurus-shake-easter-egg /blog/docusaurus-shake-easter-egg Thu, 27 Aug 2026 00:00:00 GMT A ninth easter egg for this blog, built for readers on a phone: shake it — in Chrome or in the installed PWA — and the meerkat mascot takes over the full screen, startled, for about two seconds. Covers the devicemotion 'jerk' math behind shake detection, the three-phase overlay animation, how to test it from a desktop DevTools console with no accelerometer at all, and a real bug caught along the way — an AI image generator that drew a transparent-background placeholder as literal opaque pixels instead of real alpha.]]> Christophe Claude Code docusaurus react component https://www.avonture.be/blog/docusaurus-reactions /blog/docusaurus-reactions Mon, 27 Jul 2026 00:00:00 GMT Build a fully working "Was this article helpful?" widget for your Docusaurus blog. Step-by-step guide covering the PHP backend, React component, CSS module, Docusaurus swizzle, and an admin dashboard — everything you need to reproduce it from scratch.]]> Christophe docusaurus php react https://www.avonture.be/blog/docusaurus-eli5-snippet-tooltips /blog/docusaurus-eli5-snippet-tooltips Mon, 20 Jul 2026 00:00:00 GMT Add hover tooltips to tricky code lines in your Docusaurus blog — powered by Claude, generated at build time, zero browser latency. Covers the remark plugin, the React renderer, and the CLI script.]]> Christophe docusaurus component react ai https://www.avonture.be/blog/docusaurus-easter-eggs /blog/docusaurus-easter-eggs Mon, 13 Jul 2026 00:00:00 GMT A tour of eight small, discoverable easter eggs added to this Docusaurus blog — a hidden ASCII-art meerkat in the page source, a Konami-code sprite run, a console.log wink, a tab-away favicon swap, rotating 404 messages, a hidden sitemap comment and more — plus the real bugs (key-repeat, an AZERTY keyboard mismatch, a wrong emoji, a postBuild race condition, a blurry favicon) caught along the way.]]> Christophe Claude Code docusaurus react component https://www.avonture.be/blog/docusaurus-terminal-typewriter /blog/docusaurus-terminal-typewriter Mon, 22 Jun 2026 00:00:00 GMT Add a typewriter animation to your Docusaurus Terminal component — command lines typed character-by-character, output lines appearing in sequence, with a blinking cursor and a click-to-skip escape hatch. Three new props, zero breaking changes.]]> Christophe component docusaurus react