Sign in

DocuxLab

@docuxlab.com
23 followers 27 following 67 posts

Find here my developments, research, and notes about Docusaurus and more #docusaurus #reactJS #Markdown #frontmattercms #webdesign #webdev

PostsRepliesMedia
DocuxLab @docuxlab.com · 16/09/2026
🧠 I gave myself a challenge: build my own site generator + docs engine, Docusaurus-inspired but more modular. Meet DocPensieve 🪄 ✅ Native MDX/MD support ✅ Branch-based versioning ✅ CSS-agnostic theme + Tailwind ✅ Auto-generated JSON-LD And +++ #StaticSite #WebDev #OpenSource #JAMstack #MDX #FrontEnd
040
DocuxLab @docuxlab.com · 25/08/2026
À quel prix ?
000
Reposted by DocuxLab
Elio Struyf @eliostruyf.com · 25/08/2026
Tideline can now organize files by type into folders like "Installers", "Images", etc. It can also catch up on files you've already filed by date. Get more control over your Downloads folder. github.com/estruyf/tide...
031
DocuxLab @docuxlab.com · 22/08/2026
📚 While episode 5 of my Front Matter CMS series is on its way, now's the perfect time to catch up on the first 4! Why use it, how to install it, daily workflow all on docuxlab.com/series/cms-ui/ #FrontMatterCMS #Docusaurus #VSCode #CMS #Markdown #DevTools #WebDev #OpenSource #Blogging #DocsAsCode
050
DocuxLab @docuxlab.com · 22/08/2026
Thanks, Elio, for these updates and for your responsiveness.
010
Reposted by DocuxLab
Elio Struyf @eliostruyf.com · 21/08/2026
Front Matter CMS 10.12.0 is out. Three things worth knowing about: 📋 Paste images 🌍 New translate field property. 🔀 The .frontmatter/database files are now Git-friendly. Full notes: frontmatter.codes/updates/v10....
frontmatter.codes
Version 10.12.0 release notes | Front Matter
Paste images straight into your content, pick which fields get machine translated, and keep the Front Matter databases mergeable in Git with version 10.12.0.
111
DocuxLab @docuxlab.com · 21/08/2026
Thank you so munch for sharing 🙏🏻
010
DocuxLab @docuxlab.com · 19/08/2026
I might have to steal that idea, haha!
100
DocuxLab @docuxlab.com · 19/08/2026
Oh great ! In macOS ?
100
Reposted by DocuxLab
Elio Struyf @eliostruyf.com · 11/08/2026
Front Matter CMS's docs just got moved to @astro.build and Starlight ⭐️🚀 beta.frontmatter.codes
beta.frontmatter.codes
Headless CMS right in your code editor | Front Matter
Headless CMS running in Visual Studio Code that helps managing your static sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.
031
DocuxLab @docuxlab.com · 06/08/2026
🌲 In case you missed it: interactive file trees in your Docusaurus pages 👇 collapsible folders, Iconify icons, dark mode. docuxlab.com/blog/trees-c... #Docusaurus #React #MDX #JavaScript #WebDev #OpenSource #DevTools #Iconify #Frontend #Docs #DocsAsCode #StaticSite #trees #linux #icons #webdesign
docuxlab.com
Component Trees | DOCUX
Create interactive file and folder trees in your Docusaurus pages with the Trees component. Works with or without custom icons.
050
DocuxLab @docuxlab.com · 06/08/2026
Tous les anciens d’NRJ semblent faire souffrir leurs équipes, une machine à fêlé du bocal…
000
Reposted by DocuxLab
Framasoft @framasoft.org · 06/08/2026
Utilisez-vous d'autres services que #PeerTube pour héberger vos vidéos ? Saviez-vous que vous pouvez synchroniser automatiquement votre contenu sur ces autres services vers PeerTube ? 👉 docs.joinpeertube.org/use/channel-... #PeerTubeTipOfTheWeek
Capture d'écran de l'interface de PeerTube montrant comment ajouter une nouvelle synchronisation.

1. Dans le menu, cliquer sur "Chaînes"
2. Cliquer sur le sous-menu "Synchronisations"
3. Cliquer sur "Ajouter une synchronisation".Capture d'écran de l'interface de PeerTube montrant comment ajouter une nouvelle synchronisation. La page d'ajout d'une nouvelle synchronisation est affichée.Capture d'écran de l'interface de PeerTube montrant comment ajouter une nouvelle synchronisation.
La page montrant la liste des synchronisation est affichée et montre une synchronisation en cours d'exécution.
0118
DocuxLab @docuxlab.com · 04/08/2026
It’s a secret 😛
010
DocuxLab @docuxlab.com · 04/08/2026
Thanks a lot! 💚🏴󠁧󠁢󠁳󠁣󠁴󠁿
000
DocuxLab @docuxlab.com · 04/08/2026
Docux is off on holiday! Heading to the Highlands, 9 years after his last visit, to catch up with an old friend: Nessie 🦕 The blog is slowing down for a bit, but we’ll be back with new articles soon! #Holiday #Scotland #Highlands #LochNess #Nessie #Docux #docuxlab #Blog #Docusaurus #Travel #Vacation
320
DocuxLab @docuxlab.com · 03/08/2026
Have you ever dreamed of showing content exactly when YOU decide? TimeTimer, my Docusaurus component: future date, fixed date, time range… docuxlab.com/blog/docusau... #Docusaurus #React #JavaScript #MDX #JS #WebDev #DevFr #OpenSource #Frontend #Dev #DocsAsCode #Markdown #SSG #JSX #Coding #Tech
docuxlab.com
Component TimeTimer | DOCUX
Time-based conditional rendering in Docusaurus: display content on fixed dates or time ranges, with UTC support and custom fallbacks.
030
DocuxLab @docuxlab.com · 02/08/2026
C’est la défaite de l’Humanité..
140
DocuxLab @docuxlab.com · 02/08/2026
Amazing !
110
DocuxLab @docuxlab.com · 02/08/2026
A beautiful day to dive into my article series about Frontmatter CMS. 🚀 #FrontmatterCMS #WebDevelopment #OpenSource #TypeScript #JavaScript #Jamstack #HeadlessCMS #StaticSiteGenerator #Markdown #DevCommunity #100DaysOfCode #VSCode #DotNet #Azure #DevTools #DeveloperExperience #TechWriting #OSS
050
DocuxLab @docuxlab.com · 31/07/2026
Part 4 of my #FrontMatterCMS series Stop starting from a blank page. Create content faster with templates, snippets that generate MDX components from dropdown menus, custom buttons that run your scripts, and a better-organized configuration docuxlab.com/blog/front-m... #vscode #docusaurus #cms #mdx
docuxlab.com
Front Matter CMS: templates, snippets and custom actions | DOCUX
Push Front Matter beyond its configuration: templates, snippets, your own buttons in the panel, and a config split across several files.
131
DocuxLab @docuxlab.com · 28/07/2026
Hi Elio, I’m having a bit of trouble using it. The problem is most likely somewhere between my keyboard and my chair 😂. Where can I reach out for help, please? Do you have a dedicated Discord server?
100
DocuxLab @docuxlab.com · 27/07/2026
Thank you 🙏🏻 Elio !
001
DocuxLab @docuxlab.com · 26/07/2026
Part 3 of my Front Matter CMS* series:the daily routine Filter and group your posts by series, merge duplicate tags across the whole blog in one click, preview side by side with the editor... docuxlab.com/blog/front-m... #vscode #docusaurus #webtools #reactjs #cms *tools create by @eliostruyf.com
docuxlab.com
Front Matter CMS day to day: dashboard, filters and media | DOCUX
Front Matter's dashboard in real use: find any article, filter by series, merge duplicate tags across the blog and manage media without leaving VS Code.
121
DocuxLab @docuxlab.com · 22/07/2026
Can we request internship agreements online on demand?
000
DocuxLab @docuxlab.com · 22/07/2026
Part 2 of my Front Matter CMS series: configuration. The real work isn't the install — it's matching the CMS to your own front matter. Typed fields, self-filling lists, and three file-creation traps nobody documents. docuxlab.com/blog/install... #frontmatter #docusaurus #cms #seo
docuxlab.com
Install and configure Front Matter CMS on Docusaurus | DOCUX
Wire Front Matter CMS into an existing Docusaurus project: configuration, and above all a content type modelled on your own front matter.
000
DocuxLab @docuxlab.com · 21/07/2026
i will testing this @avonture.be ``` { "frontMatter.data.files": [ { "title": "Tags", "path": "[[workspace]]/mymerkatefolder/tags.json" } ] } ```
000
DocuxLab @docuxlab.com · 21/07/2026
To check but, you can reuse both. frontMatter.data.files points at any JSON/YAML path, then set the field to type "dataFile". Downside: no more taxonomy dashboard (rename/merge across files). If you want to keep it, script the sync into frontmatter.json instead.
100
DocuxLab @docuxlab.com · 20/07/2026
Managing a Docusaurus blog by hand-editing front matter? Front Matter CMS turns it into a real form inside VS Code: dashboard, media library, preview... Thanks @eliostruyf.com for your work. New post 👇first in a long dedicated series docuxlab.com/blog/why-fro... #Docusaurus #VSCode #Frontmatter
docuxlab.com
Why Front Matter CMS with Docusaurus | DOCUX
Front Matter CMS, the VS Code extension that transforms content management in a Docusaurus project: dashboard, content types, preview and media.
161
Reposted by DocuxLab
Adea Claude @adeaclaude.bsky.social · 18/07/2026
Le 31 juillet 2025, l’Éthiopie a planté 714,7 millions d’arbres en 12 heures. > Près de 30 millions de personnes ont participé à cette journée record dans le cadre de l’initiative "Green Legacy" pour lutter contre le changement climatique. 🇪🇹🌱
13374129
DocuxLab @docuxlab.com · 19/07/2026
New Docusaurus plugin: build-time image optimization with sharp. Non-destructive, incremental (content-hash cache), cut my deployed images by -49%. docuxlab.com/blog/image-o... #docusaurus #webperf #seo #cleancode #sharp #npm
docuxlab.com
A Docusaurus Plugin to Optimize Images at Build Time | DOCUX
Build a local Docusaurus plugin that compresses and resizes your images at build time with sharp — non-destructive, incrementally cached, and it cut my deployed images in half (-49%).
130
DocuxLab @docuxlab.com · 18/07/2026
🦖I finally added ESLint + Prettier to my Docusaurus blog — and the linter instantly caught real bugs: a React hook called conditionally, a missing key, even a comment rendering as visible text on the page 😅 Full write-up 👇 docuxlab.com/blog/eslint-... #Docusaurus #React #ESLint #Prettier #DevTools
040
Reposted by DocuxLab
cavo789 🐳 @avonture.be · 02/03/2026
#Docker: #ZSH + #fzf = efficiency. Beyond Bash, ZSH offers deep customization. Use fzf to filter lists and trigger actions instantly. My new article explains how to use it with Docker: select containers to open shells, view logs, or delete images via shortcuts like dex or dnuke.
avonture.be
ZSH Functions - Customizing Your Shell for Docker Management | Christophe Avonture
A collection of ZSH functions to enhance your terminal experience, including interactive Docker container management with fzf. Start new sessions, stop containers, and more with ease.
012
Reposted by DocuxLab
cavo789 🐳 @avonture.be · 09/02/2026
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.
avonture.be
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...
043
DocuxLab @docuxlab.com · 19/11/2025
Le dôme est français je crois
000
DocuxLab @docuxlab.com · 13/11/2025
It is important to take into account, when making your choice, that if you have a rich text / markdown option, you should check that switching between the two does not add any unnecessary slashes ( / ), as some systems include this bug.
100
DocuxLab @docuxlab.com · 04/11/2025
The only thing it’s missing is a standalone export for GitHub Pages Thank for your work
000
DocuxLab @docuxlab.com · 02/11/2025
⏰ 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
docuxlab.com
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.
020
DocuxLab @docuxlab.com · 02/11/2025
🚧 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
docuxlab.com
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.
050
DocuxLab @docuxlab.com · 30/10/2025
🎉 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
050
DocuxLab @docuxlab.com · 27/10/2025
🧩 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
docuxlab.com
GoatCountViews Component | DOCUX
Add a clean view counter in Docusaurus with GoatCounter, the JSON API, and an explicit per-post path (path={metadata.permalink}).
030
DocuxLab @docuxlab.com · 26/10/2025
🐐 New on my blog! I dive into GoatCounter, a privacy-friendly, open-source alternative to Google Analytics. Simple, ethical, and self-hostable — perfect for anyone who wants to track visitors without invasive trackers. 👉 look > docuxlab.com/blog/goatcou... #OpenSource #Analytics #goatcounter
docuxlab.com
GoatCounter analytics | DOCUX
Discover GoatCounter (open‑source, cookieless) and 3 ways to integrate it with Docusaurus, including SPA route change tracking.
030
DocuxLab @docuxlab.com · 22/10/2025
🌳 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
docuxlab.com
Component Trees | DOCUX
Create interactive file and folder trees in your Docusaurus pages with the Trees component. Works with or without custom icons.
140
DocuxLab @docuxlab.com · 21/10/2025
Thanks for the tip @avonture.be — I gained over 92% of space, going from 25 MB down to 1.8 MB!
010
DocuxLab @docuxlab.com · 15/10/2025
Thank for your work !
010
DocuxLab @docuxlab.com · 13/10/2025
Hi @eliostruyf.com thanks for your work I’m currently learning demos.js for a conference where I’ll be presenting Docusaurus and Frontmatter CMS. I haven’t finished reading the documentation yet, but I was wondering if it’s possible to make an export to read directly from a repository?
100
DocuxLab @docuxlab.com · 07/10/2025
🦖 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
docuxlab.com
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.
050
DocuxLab @docuxlab.com · 06/10/2025
Thank you, Christophe, for using my component — it really makes me happy.
000
DocuxLab @docuxlab.com · 06/10/2025
🚀 Boost your Docusaurus site UX with a “Scroll to Top” button! Easy to add, lightweight, and fully customizable 💡 👉 Full guide: docuxlab.com/blog/docusaurus-scroll-to-top-button/ #Docusaurus #WebDev #UX #JavaScript #DocuxLab #Frontend #webdesign #css #reactjs
docuxlab.com
ScrollToTopButton Component | DOCUX
Simple React component adding a floating 'back to top' button with delayed appearance (after scrolling 300px), click animation and smooth scroll behavior in Docusaurus.
120
DocuxLab @docuxlab.com · 03/10/2025
Thank you so munch @avonture.be it’s very great idea !!!
000