https://www.avonture.be/fr/blog/tags/docusaurus Building, customizing, and deploying Docusaurus static sites. Thu, 29 Oct 2026 00:00:00 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed fr https://www.avonture.be/fr/fr/blog/docusaurus-typo-report-component /fr/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/fr/fr/blog/docusaurus-blog-map /fr/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/fr/fr/blog/docusaurus-ask-my-blog-bubble /fr/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/fr/fr/blog/docusaurus-ask-my-blog /fr/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/fr/fr/blog/docusaurus-copy-as-markdown /fr/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/fr/fr/blog/docusaurus-ollama-tags /fr/blog/docusaurus-ollama-tags Mon, 31 Aug 2026 00:00:00 GMT A Dockerized devcontainer with two Python scripts: the first sends each Markdown blog post to a local Ollama model to generate tags, the second compares those tags across posts to suggest which articles should link to each other. No cloud API, no manual tagging.]]> Christophe Claude Code ai docusaurus ollama https://www.avonture.be/fr/fr/blog/docusaurus-shake-easter-egg /fr/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/fr/fr/blog/docusaurus-llms-txt /fr/blog/docusaurus-llms-txt Mon, 24 Aug 2026 00:00:00 GMT A growing share of your readers arrive through an AI assistant — and what they get is your HTML, wrapped in navigation, React widgets and collapsed accordions. This article generates a plain-Markdown mirror of every article, a /llms.txt index, and per-series full-text bundles, by degrading the MDX source rather than converting the rendered HTML. Includes the fallback rule that makes the export impossible to break.]]> Christophe Claude Code docusaurus ai markdown https://www.avonture.be/fr/fr/blog/docusaurus-reactions /fr/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/fr/fr/blog/docusaurus-eli5-snippet-tooltips /fr/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