#docusaurus

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.

4 weeks ago

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...

0 0 0 0

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.

1 month ago

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.

1 0 0 0

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.

1 month ago

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.

0 0 0 0

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...

1 month ago

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.

4 3 0 0

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.

2 months ago

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...

0 0 0 0

J Simon van der Walt

@tedthetrumpet.bsky.social

2 months ago

Fixed a #docusaurus install. l33t.

0 0 0 0

J Simon van der Walt

@tedthetrumpet.post.lurk.org.ap.brid.gy

2 months ago

Fixed a #docusarus install. l33t.

0 0 0 0

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.

2 months ago

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.

0 0 0 0

Ampache

@ampache.bsky.social

2 months ago

Ampache Ampache.org

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

0 0 0 0

cavo789/blog - Docker Image

3 months ago

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

1 0 0 0

CloudNativePG

@cloudnativepg.bsky.social

3 months ago

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

6 1 0 0

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.

4 months ago

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.

1 0 0 0

Henri LABARRE

@2803media.fr

4 months ago

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!

2 0 0 0

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.

4 months ago

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.

2 0 0 0

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

4 months ago

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

1 0 0 0

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

4 months ago

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/

1 0 0 0

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.

4 months ago

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.

3 0 0 0

4 months ago

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. 🐋🐋

1 0 0 0

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.

5 months ago

⏰ 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

2 0 0 0

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.

5 months ago

🚧 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

5 0 0 0

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.

5 months ago

🎉 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

4 0 0 0

Nicolas Fränkel 🇪🇺🇺🇦🇬🇪

@frankel.ch

5 months ago

Générer une doc moderne avec #Docusaurus

#documentation

0 0 0 0

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

5 months ago

🧩 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

3 0 0 0

Winbuzzer

@winbuzzer.com

5 months ago

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...

3 0 0 0