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.

Headless CMS running in Visual Studio Code that helps managing your static sites. Supports Hugo, Jekyll, Docusaurus, NextJs, Gatsby, and more.

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

Time-based conditional rendering in Docusaurus: display content on fixed dates or time ranges, with UTC support and custom fallbacks.

Push Front Matter beyond its configuration: templates, snippets, your own buttons in the panel, and a config split across several files.

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.

Wire Front Matter CMS into an existing Docusaurus project: configuration, and above all a content type modelled on your own front matter.

Front Matter CMS, the VS Code extension that transforms content management in a Docusaurus project: dashboard, content types, preview and media.

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

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.

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

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.

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

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

Discover GoatCounter (open‑source, cookieless) and 3 ways to integrate it with Docusaurus, including SPA route change tracking.

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

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

Simple React component adding a floating 'back to top' button with delayed appearance (after scrolling 300px), click animation and smooth scroll behavior in Docusaurus.

Practical guide to add interactive react-live code playgrounds in Docusaurus: theme installation, configuration, ReactLiveScope swizzle, and maintainable example patterns.

A complete tutorial to design and customize an Avatar component in Docusaurus, based on Infima. Includes JS/TS examples, props, advanced integration and best practices.

A comprehensive guide to creating a dynamic and accessible Tooltip component in React and Docusaurus, featuring smart positioning and custom styling.

A comprehensive React component for displaying skills as animated progress bars or circles with scroll animations, gradients, and theme support in Docusaurus.

A complete tutorial to integrate Simple Analytics into your Docusaurus site with a custom local plugin.

A React component tutorial to easily display Iconify logos in Docusaurus MDX pages without individual imports.

Organize Your Docusaurus Content with a Custom Series Component

A complete tutorial to create customizable card components in Docusaurus using the Infima CSS framework. Includes React implementation, multiple card variants, and responsive design.

A complete tutorial to create an interactive image lightbox component in Docusaurus. Includes React implementation, modern CSS animations, and responsive design.

A complete tutorial to design and customize Columns components in Docusaurus, based on Infima grid system. Includes JS/TS examples, props, advanced layouts and best practices.

A complete tutorial to design and customize an Avatar component in Docusaurus, based on Infima. Includes JS/TS examples, props, advanced integration and best practices.