How to indicate AI-assisted content in a Docusaurus blog | Christophe Avonture A step-by-step guide to show when a blog post has been written with the help of an AI like Google Gemini, by adding an icon and an author.

In my new blog post, I'm showing how I've implemented the Google #gemini co-author in my #Docusaurus blog. From now, I just have to add the "ai_assisted: true" YAML frontmatter key and all the rest is automated i.e. adding the co-author and the small badge.

www.avonture.be/blog/docusau...

Introducing the ProjectSetup Component - A Standardized Way to Share Project Structures | Christophe Avonture Learn how to use the new ProjectSetup component to easily share project structures in your Docusaurus blog posts, complete with interactive file snippets and automated setup scripts.

This week, I'm unveiling my #Docusaurus blog's killer feature: the ProjectSetup component. Paired with Snippet, it displays multi-file source code and generates a Linux Bash install script. Just copy-paste the script to build the entire project structure instantly. A ZIP download is also available.

Automating TL;DR Summaries with Gemini AI | Christophe Avonture Improve your reader's experience by automatically generating concise TL;DR summaries for your blog posts using Google's Gemini AI and Python.

New week, new post: I’ve automated Google #Gemini to generate the "TLDR" block at the start of my articles. It summarizes key concepts in a few hundred characters, helping readers decide whether to dive in. The script calls the API and injects the summary into a custom #Docusaurus component.

Automate your GitHub README with your latest blog posts | Christophe Avonture Keep your GitHub profile README up to date with your latest blog posts using GitHub Actions. Learn how to set up a scheduled workflow that fetches your RSS feed and updates your README automatically e...

Let's see how to automatically publish the list of your 10 last blog posts to your GitHub profile.

The scenario will be: once a week, a GitHub Action will grab your rss.xml, get the last #Docusaurus articles and inject them in your profile.

For sure, it's working for every rss; can be Joomla too.

Tags management in Docusaurus | Christophe Avonture Automate Docusaurus tag management with this Python script. Clean up duplicates, fix casing, and merge tags safely across hundreds of Markdown files via Docker.

With 221 articles, I needed a tool to manage my article tags. Rename, delete, merge... And presto, a quick Python script later, I can manage my tags in #Docusaurus; this feature does not exist natively.

www.avonture.be/blog/docusau...

Fixed a #docusaurus install. l33t.

Fixed a #docusarus install. l33t.

Running some checks on your Docusaurus images | Christophe Avonture A Python script to verify lazy loading and size of images in your Docusaurus site using Playwright and BeautifulSoup.

Today, a small utility that will “visit” your #docusaurus website and give you some optimization tips for your images.

The idea is to identify those that are not lazy_load, those that do not have height/width, and those that you could optimize by converting them to .webp.

Massive update to the #ampache website!

The site has been rewritten in #docusaurus and has incorporated markdown from the GitHub wiki. (Which has been locked from updates)

Check it out!

ampache.org

Do you want to run my #Docusaurus blog locally?

Simply run:

1. "docker pull cavo789/blog" to download once the image
2 then "docker run -d -p 443:443 --name blog cavo789/blog" to create a #Docker container

And now, simply visit https ://localhost

Full detail on hub.docker.com/r/cavo789/blog

CloudNativePG Docs CloudNativePG (CNPG) is an open-source operator designed to manage PostgreSQL workloads on any supported Kubernetes cluster. It fosters cloud-neutrality through seamless deployment in private, public, hybrid, and multi-cloud environments via its distributed topology feature.

Our Documentation got an overhaul and we're now using #Docusaurus: cloudnative-pg.io/docs/

Huge thanks to Anushka Saxena who worked on this through the Linux Foundation's LFX mentorship program. We'll follow up with an interview with Anushka on our blog shortly!
#PostgreSQL #Kubernetes #Docs

Best Practice - Customizing the Docusaurus RSS Feed for Full Content & Images | Christophe Avonture Upgrade your Docusaurus blog's RSS file. Write a plugin to disable the basic feed and include full article content, images and enhanced metadata for better readers.

In my new article, let's optimize the basic #Docusaurus rss.xml for content aggregators. The default output often lacks the header image, full content, author and language tag. We'll enhance the file to ensure a richer user experience in newsreaders.

Quand je vois des Saas établis qui font des documentations sous Wordpress je me dis qu'ils ne sont pas forcément à la page et que leur stack de développement est un peu vieillissante ;)

Franchement aujourd'hui un bon #Docusaurus et on a quelque chose de professionnel et sérieux!

Inject ASCII Art in any HTML pages rendered by Docusaurus | Christophe Avonture Inject an ASCII-art banner into every generated Docusaurus HTML page using a lightweight postBuild plugin. Appears in page source or can be rendered visibly.

Absolutely essential for any self-respecting geek: how to inject ASCII art into the source code of each #Docusaurus page.

Let's see how to create a #plugin that will be called by Docusaurus while rendering the HTML version of your site.

Showing the changelog of your post | Christophe Avonture Showing the changelog of your post

New ReactJS component for #Docusaurus that allows you to display a changelog (latest changes) on articles.

All articles series | Christophe Avonture Discover our collections of articles organized by theme.

I've added a /src/data/series.js metadata to my series #Docusaurus component to be able to provide a description and a custom image to a series.

www.avonture.be/series/

Running Docusaurus using Docker | Christophe Avonture Streamline Docusaurus blog development! Build a single Docker image for production and use VS Code Dev Containers for consistent, fast, and isolated editing.

How I did to refactor my #Docusaurus blog using #Docker to setup a fast production image and a development one (using #VScode #DevContainer), enabling an editable environment with pre-loaded extensions and tools like #LanguageTool for content quality checks, #cspell or #markdownlint.

I have updated the image of my #Docusaurus blog on #Docker Hub.
If you want to try it out: in a DOS or Linux console, run “docker pull cavo789/blog” then “docker run -d -p 443:443 --name blog cavo789/blog.” Wait a few. Open a browser and go to localhost, and voilà, my blog is running offline. 🐋🐋

Component TimeTimer | DOCUX React component for time-based conditional rendering in Docusaurus. Display content based on fixed dates or time ranges with UTC support, custom fallback dates, and flexible period management.

⏰ Inspired by my daughter’s Time Timer, I built a React component that shows content only when it matters — using real DOM rendering,0% CSS.
Bonus : create amazing Advent calendar !

Perfect for promos, events, and Advent calendars
docuxlab.com/blog/docusau...

#react #webdesign #Docusaurus #DOM

Creating Custom 404 Page | DOCUX Learn how to build a stylish, responsive custom 404 error page in Docusaurus using swizzle, modern CSS, and optimized WebP images.

🚧 Turn your 404 page into a UX win!
I explain how to customize a 404 page in Docusaurus (swizzle, WebP, dvh/svh, etc.) for a clean and responsive result
👇
docuxlab.com/blog/404-cus...

#webdev #Docusaurus #frontend #404page #designweb #seo #googleanalytics #javascript #w3c #nodejs #reactjs #mkdocs

🎉 New launch!
I’ve just opened a community forum about Docusaurus : forum.docuxlab.com

It’s a space to discuss technical documentation, share tips, ask questions, and grow our projects together.

👉 Join the discussion
#Docusaurus #OpenSource #reactJs #Mkdocs

Générer une doc moderne avec Docusaurus Découvrez comment débuter avec Docusaurus pour créer et gérer facilement la documentation de votre produit en quelques étapes simples.

Générer une doc moderne avec #Docusaurus

#documentation

GoatCountViews Component | DOCUX Add a clean view counter in Docusaurus with GoatCounter, the JSON API, and an explicit per-post path (path={metadata.permalink}).

🧩 New on my blog
I built a small component to display GoatCounter views on pages using the JSON API.

No external scripts, no flashing — just clean and lightweight

👉 docuxlab.com/blog/goatcou...

Thanks @arp242.bsky.social for creating such a great tool!

#GoatCounter #analytics #GDPR #docusaurus

Meta’s React-Based Static Site Generator Docusaurus Now Offers Ai-Powered Search - WinBuzzer Meta's Docusaurus 3.9 adds AI-powered conversational search with Algolia's AskAI, drops Node.js 18 for v20, and enhances i18n support for developers.

Meta’s React-Based Static Site Generator Docusaurus Now Offers Ai-Powered Search

#AI #Docusaurus #DeveloperTools #OpenSource #Meta #NodeJS #WebDev #JavaScript #React #Algolia #StaticSiteGenerators #Coding #SoftwareDevelopment

winbuzzer.com/2025/10/24/m...

Component Trees | DOCUX Create interactive file and folder trees in your Docusaurus pages with the Trees component. Works with or without custom icons.

🌳 New on DocuxLab!

Check out Trees, a Docusaurus component that displays interactive file trees in your docs — with custom icons, keyboard navigation & more.

Perfect for visualizing your project structure!

👉 docuxlab.com/blog/trees-c...

#Docusaurus #React #OpenSource #DevTools #treeStructure

fuck, jsx is such adomination

Měl bych se víc hlídat, takhle zbytečně přicházím o kredity zdarma… Dřív se za nadávání dávaly mince do prasátka, dneska člověk dostane „You've hit the Free plan limit for GPT-5“ 😕

#react #jsx #docusaurus #chatgpt #gpt5

Issue #32: Chain Reaction - Metaframeworks Records How some actions cause some reactions and what consequences these reactions may bring and impact.

📀 New (32nd) Issue of Metaframeworks Records 📀

Latest fortnight scandals and investigations from #react, #remix, #rsc, #eslint, #html, #tanstack, #nuxt, #docusaurus, #astro, #vite, #sveltekit, and more 📰 (well, probably not that dramatic, but still)

metaframe.works/archive/32/

Plugin Remark Replace Words | DOCUX Automatically replace words with text, icons, or MDX components (Tooltip, buttons…) in your pages/blog/docs with a configurable Remark plugin.

🦖 Want to automate the formatting of words or phrases in your #markdown content?
Automatically replace words with other words or React components.

👉 Learn how it works full code and examples included:
🔗 docuxlab.com/blog/remark-replace-words-plugin

#Remark #React #Docusaurus #OpenSource #DevTools