# mdx

Published articles for mdx.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Using vibes to rewrite my blog

DevFeed: [Using vibes to rewrite my blog](<https://devfeed.tech/articles/using-vibes-to-rewrite-my-blog-37650.md>)

Original publisher: [Read original article](<https://swizec.com/blog/using-vibes-to-rewrite-my-blog>)

Author: hi@swizec.com (Swizec Teller)

Published: 2026-06-27T00:00:00Z

Content type: opinion

Language: en

Sources: [Swizec Teller](<https://devfeed.tech/sources/swizec-teller.md>)

Topics: [gatsby](<https://devfeed.tech/topics/gatsby.md>), [React](<https://devfeed.tech/topics/react.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Claude](<https://devfeed.tech/topics/claude.md>), [wasm](<https://devfeed.tech/topics/wasm.md>), [codex](<https://devfeed.tech/topics/codex.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [blog](<https://devfeed.tech/tags/blog.md>), [claude](<https://devfeed.tech/tags/claude.md>), [codex](<https://devfeed.tech/tags/codex.md>), [gatsby](<https://devfeed.tech/tags/gatsby.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [react](<https://devfeed.tech/tags/react.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>)

### AI overview

The author describes rewriting the swizec.com blog after Gatsby became difficult to maintain and slow to deploy. They experiment with TimberJS, a React Server Components-based framework, to render MDX with file-based routing, metadata, embeds, image generation, and server-side syntax highlighting. The rewrite reduced reported deployment time from more than 45 minutes to about 3 minutes, while the author emphasizes that effective vibe coding still requires technical knowledge.

### Source excerpt

The death of engineering has been greatly exaggerated. You still need to know what you're doing.

## Docusaurus 3.10

DevFeed: [Docusaurus 3.10](<https://devfeed.tech/articles/docusaurus-3-10-40942.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/releases/3.10>)

Author: Sébastien Lorber

Published: 2026-04-07T00:00:00Z

Content type: release

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [releases](<https://devfeed.tech/topics/releases.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [Security](<https://devfeed.tech/topics/security.md>), [supply chain attacks](<https://devfeed.tech/topics/supply-chain-attacks.md>), [GitHub Actions](<https://devfeed.tech/topics/github-actions.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [npm](<https://devfeed.tech/topics/npm.md>), [OpenID connect (OIDC)](<https://devfeed.tech/topics/oidc.md>), [upgrade](<https://devfeed.tech/topics/upgrade.md>), [monorepo](<https://devfeed.tech/topics/monorepo.md>), [pnpm](<https://devfeed.tech/topics/pnpm.md>)

Tags: [github-actions](<https://devfeed.tech/tags/github-actions.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [monorepo](<https://devfeed.tech/tags/monorepo.md>), [npm](<https://devfeed.tech/tags/npm.md>), [oidc](<https://devfeed.tech/tags/oidc.md>), [pnpm](<https://devfeed.tech/tags/pnpm.md>), [release](<https://devfeed.tech/tags/release.md>), [security](<https://devfeed.tech/tags/security.md>), [supply-chain-attacks](<https://devfeed.tech/tags/supply-chain-attacks.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>)

### AI overview

Docusaurus 3.10 is the final release in the v3.x line and prepares sites for Docusaurus v4. It introduces future flags for upcoming breaking changes, makes Docusaurus Faster stable, and adds supply-chain security measures including npm Trusted Publishing, OIDC-based GitHub Actions releases, provenance records, and dependency checks.

### Source excerpt

We are happy to announce Docusaurus 3.10.

## Bridging two JSX runtimes: How we solved Astro's React children problem

DevFeed: [Bridging two JSX runtimes: How we solved Astro's React children problem](<https://devfeed.tech/articles/bridging-two-jsx-runtimes-how-we-solved-astro-s-react-children-problem-30982.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/astro-react-children>)

Author: Kyle Finken

Published: 2026-03-10T00:00:00Z

Content type: article

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [React](<https://devfeed.tech/topics/react.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [React Component](<https://devfeed.tech/topics/react-component.md>), [render](<https://devfeed.tech/topics/render.md>)

Tags: [astro](<https://devfeed.tech/tags/astro.md>), [bridging](<https://devfeed.tech/tags/bridging.md>), [component](<https://devfeed.tech/tags/component.md>), [components](<https://devfeed.tech/tags/components.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [react](<https://devfeed.tech/tags/react.md>), [render](<https://devfeed.tech/tags/render.md>), [solved](<https://devfeed.tech/tags/solved.md>)

### AI overview

Mintlify describes how its Astro integration addressed a JSX runtime mismatch that caused compound React components to lose their children during hydration in Astro's MDX pipeline.

### Source excerpt

How Mintlify solved a fundamental JSX runtime mismatch to make compound React components work inside Astro's MDX pipeline.

## Your docs, your frontend, our content engine

DevFeed: [Your docs, your frontend, our content engine](<https://devfeed.tech/articles/your-docs-your-frontend-our-content-engine-30998.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/custom-frontends-on-mintlify>)

Author: Hahnbee Lee

Published: 2026-02-19T00:00:00Z

Content type: release

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [Front end](<https://devfeed.tech/topics/frontend.md>), [Self-hosted](<https://devfeed.tech/topics/self-hosted.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Astro](<https://devfeed.tech/topics/astro.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [announcements](<https://devfeed.tech/tags/announcements.md>), [astro](<https://devfeed.tech/tags/astro.md>), [build](<https://devfeed.tech/tags/build.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [github](<https://devfeed.tech/tags/github.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [self-hosted](<https://devfeed.tech/tags/self-hosted.md>)

### AI overview

Mintlify announces that enterprise teams can own and customize their documentation frontend while continuing to use Mintlify's content engine, AI-powered search and chat, and editor. The offering supports embedded documentation, self-hosted frontends, and an open source Astro starter kit.

### Source excerpt

Enterprise teams can now own their docs frontend while Mintlify handles the content engine, AI, and editor behind the scenes.

## Mintlify Adds Flexible Documentation Publishing and Content Management Features

DevFeed: [Mintlify Adds Flexible Documentation Publishing and Content Management Features](<https://devfeed.tech/articles/take-control-of-your-documentation-system-31114.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/writer-devex>)

Author: Hahnbee Lee

Published: 2026-02-18T00:00:00Z

Content type: release

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [Documentation](<https://devfeed.tech/topics/documentation.md>), [Publishing](<https://devfeed.tech/topics/publishing.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [OpenAPI Specification](<https://devfeed.tech/topics/openapi.md>), [configuration](<https://devfeed.tech/topics/configuration.md>)

Tags: [api-documentation](<https://devfeed.tech/tags/api-documentation.md>), [best-practices](<https://devfeed.tech/tags/best-practices.md>), [customizable](<https://devfeed.tech/tags/customizable.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [flexible](<https://devfeed.tech/tags/flexible.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [new-features](<https://devfeed.tech/tags/new-features.md>)

### AI overview

Mintlify describes new features for technical writers, including granular publishing controls, plain Markdown files alongside MDX, more flexible OpenAPI references, relative imports, and implicit snippets.

### Source excerpt

New features for technical writers who need customizable, flexible documentation systems.

## Astro x Storyblok: Content Loader

DevFeed: [Astro x Storyblok: Content Loader](<https://devfeed.tech/articles/astro-x-storyblok-content-loader-3341.md>)

Original publisher: [Read original article](<https://astro.build/blog/storyblok-loader/>)

Author: Matthew Phillips

Published: 2024-09-19T00:00:00Z

Content type: article

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [API](<https://devfeed.tech/topics/api.md>), [configuration](<https://devfeed.tech/topics/configuration.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Git](<https://devfeed.tech/topics/git.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>)

Tags: [announce](<https://devfeed.tech/tags/announce.md>), [api](<https://devfeed.tech/tags/api.md>), [astro](<https://devfeed.tech/tags/astro.md>), [cms](<https://devfeed.tech/tags/cms.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [contribute](<https://devfeed.tech/tags/contribute.md>), [docs](<https://devfeed.tech/tags/docs.md>), [git](<https://devfeed.tech/tags/git.md>), [github](<https://devfeed.tech/tags/github.md>), [launch](<https://devfeed.tech/tags/launch.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [partner](<https://devfeed.tech/tags/partner.md>)

### AI overview

Astro announces Storyblok as a launch partner for the Astro Content Layer API. The Storyblok loader, currently in alpha, synchronizes remote CMS data during development and refreshes it automatically as the data changes, allowing it to be queried alongside local Markdown and MDX collections.

### Source excerpt

We are excited to announce Storyblok as a launch partner for Astro Content Layer.

## Content Layer: A Deep Dive

DevFeed: [Content Layer: A Deep Dive](<https://devfeed.tech/articles/content-layer-a-deep-dive-3305.md>)

Original publisher: [Read original article](<https://astro.build/blog/content-layer-deep-dive/>)

Author: Matt Kane

Published: 2024-09-18T00:00:00Z

Content type: tutorial

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [API](<https://devfeed.tech/topics/api.md>), [data](<https://devfeed.tech/topics/data.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [astro](<https://devfeed.tech/tags/astro.md>), [deep-dive](<https://devfeed.tech/tags/deep-dive.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>)

### AI overview

A deep dive into Astro's new Content Layer API, introduced in the Astro 5 beta. It explains how the API loads content from local files, remote APIs, and other sources while providing a shared, type-safe interface and caching data between builds.

### Source excerpt

There's a new way to handle content in Astro. Take a deep dive into the Content Layer API, and learn how it can help you build even more kinds of sites using Astro.

## Ballad: Doctave's Markdown-aware component system

DevFeed: [Ballad: Doctave's Markdown-aware component system](<https://devfeed.tech/articles/ballad-doctave-s-markdown-aware-component-system-30941.md>)

Original publisher: [Read original article](<https://www.doctave.com/blog/ballad-components>)

Author: Doctave Team

Published: 2024-05-27T07:00:00Z

Content type: release

Language: en

Sources: [Doctave - Build beautiful developer portals with docs-as-code](<https://devfeed.tech/sources/doctave-build-beautiful-developer-portals-with-docs-as-code.md>)

Topics: [Markdown](<https://devfeed.tech/topics/markdown.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Parser](<https://devfeed.tech/topics/parser.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [components](<https://devfeed.tech/tags/components.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [elements](<https://devfeed.tech/tags/elements.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [render](<https://devfeed.tech/tags/render.md>)

### AI overview

This release article explains Ballad, Doctave's Markdown-aware component system introduced in Doctave 2.0. It describes embedding UI and layout components in Markdown with an MDX-inspired syntax, combining components with Markdown, using expressions for user preferences, and creating custom components.

### Source excerpt

Doctave 2.0 is out, and the biggest new feature in this release was our new component system, which we're calling Ballad. In this post we want to talk about the path we took to get here, why we felt none of the existing solutions worked well for us, and what our component system enabled. Ballad brings interactive components like tabs to your Doctave docs Why do we need components? Ballad lets you intersperse UI components in between your Markdown content. While Markdown is fantastic for simple prose, most documentation projects inevitably need widgets like buttons, cards, and callouts (or admonitions), or more complex layouts to keep the content clear and engaging. This is what we're solving with Ballad. How it works In short, you can add HTML-like tags into your Markdown, which Doctave will render into various components. Let's look at a basic example: adding a Button component into your documentation: 1 2 3 Click below to read more. <Button href="/details">Read More</Button> This gets rendered like so: Sometimes a regular Markdown link just doesn't cut it Components Our components come in two flavors: UI components and layout components. The former are components like <Button> or <Card>: visual elements that you're adding to the page. Layout components instead (unsurprisingly) change the layout of your content. These are components like <Grid>, or <Flex> (a flexbox equivalent). Combining these components lets you build interesting UIs and structure your content however you want on the page, without having to write any custom CSS. Syntax You can use an MDX-inspired syntax to add components into your documentation: 1 2 3 4 5 6 7 8 9 10 11 12 ## Getting started Learn how to get started with our SDK. <Grid cols="2"> <Card> ... </Card> <Card> ... </Card> </Grid> In fact, the parser is an MDX parser. The component syntax rules are identical. These HTML-style components work with your Markdown content, and you can nest and combine components and Markdown arbitrarily. Exp

## Docusaurus 3.2

DevFeed: [Docusaurus 3.2](<https://devfeed.tech/articles/docusaurus-3-2-40943.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/releases/3.2>)

Author: Sébastien Lorber

Published: 2024-03-29T00:00:00Z

Content type: release

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [builds](<https://devfeed.tech/topics/builds.md>), [build performance](<https://devfeed.tech/topics/build-performance.md>), [build times](<https://devfeed.tech/topics/build-times.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Server](<https://devfeed.tech/topics/server.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>)

Tags: [benchmark](<https://devfeed.tech/tags/benchmark.md>), [build](<https://devfeed.tech/tags/build.md>), [caching](<https://devfeed.tech/tags/caching.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [performance](<https://devfeed.tech/tags/performance.md>), [release](<https://devfeed.tech/tags/release.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Docusaurus 3.2 is released with faster production builds, improved development-server performance for Markdown and MDX editing, and MDX partial headings in tables of contents. Reported benchmark results show cold builds improving from 95 seconds to 66 seconds and incremental builds from 55 seconds to 22 seconds on the React Native website, with results varying by site configuration.

### Source excerpt

We are happy to announce Docusaurus 3.2.

## The Mintlify MDX VSCode extension

DevFeed: [The Mintlify MDX VSCode extension](<https://devfeed.tech/articles/the-mintlify-mdx-vscode-extension-31065.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/mdx-vscode-extension>)

Author: Hahnbee Lee

Published: 2024-03-26T00:00:00Z

Content type: release

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [VS Code Extension](<https://devfeed.tech/topics/vscode-extension.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [Snippet](<https://devfeed.tech/topics/snippet.md>)

Tags: [announcements](<https://devfeed.tech/tags/announcements.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [extension](<https://devfeed.tech/tags/extension.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [snippet](<https://devfeed.tech/tags/snippet.md>), [vscode](<https://devfeed.tech/tags/vscode.md>)

### AI overview

Mintlify introduces an MDX VSCode extension that provides IntelliSense and snippets for its documentation components, including Cards, Steps, Tabs, and callouts. The extension is available on the Visual Studio Marketplace.

### Source excerpt

Today, we're thrilled to introduce the Mintlify MDX VSCode extension.

## Launch Week II Day 3: Open Source MDX Engine

DevFeed: [Launch Week II Day 3: Open Source MDX Engine](<https://devfeed.tech/articles/launch-week-ii-day-3-open-source-mdx-engine-31049.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/launch-week-2-day-3>)

Author: Hahnbee Lee

Published: 2024-01-10T00:00:00Z

Content type: release

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>)

Tags: [announcements](<https://devfeed.tech/tags/announcements.md>), [launch](<https://devfeed.tech/tags/launch.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [npm](<https://devfeed.tech/tags/npm.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>)

### AI overview

Mintlify open-sourced its MDX Engine during Launch Week II. The package provides getCompiledMdx for server-side MDX compilation and MDXComponent for rendering HTML, with support for Mintlify-flavored Markdown and code syntax highlighting.

### Source excerpt

Day 2 of Launch Week 2 brings open-sourcing Mintlify's MDX Engine 🚀.

## Launch Week II Day 2: Snippets V2

DevFeed: [Launch Week II Day 2: Snippets V2](<https://devfeed.tech/articles/launch-week-ii-day-2-snippets-v2-31048.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/launch-week-2-day-2>)

Author: Joshua Kim

Published: 2024-01-09T00:00:00Z

Content type: release

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [Snippet](<https://devfeed.tech/topics/snippet.md>)

Tags: [announcements](<https://devfeed.tech/tags/announcements.md>), [article](<https://devfeed.tech/tags/article.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [launch-week](<https://devfeed.tech/tags/launch-week.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [snippet](<https://devfeed.tech/tags/snippet.md>)

### AI overview

Mintlify introduces Snippets V2, a rebuild that supports reusable components and variables through MDX imports. The feature is intended to improve flexibility, performance, documentation versioning, and content reuse.

### Source excerpt

Day 2 of Launch Week II brings Snippets V2 🚀.

## Docusaurus 3.1

DevFeed: [Docusaurus 3.1](<https://devfeed.tech/articles/docusaurus-3-1-40941.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/releases/3.1>)

Author: Sébastien Lorber

Published: 2024-01-05T00:00:00Z

Content type: release

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [changelog](<https://devfeed.tech/topics/changelog.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>), [MDX](<https://devfeed.tech/topics/mdx.md>)

Tags: [changelog](<https://devfeed.tech/tags/changelog.md>), [changes](<https://devfeed.tech/tags/changes.md>), [cli](<https://devfeed.tech/tags/cli.md>), [cobol](<https://devfeed.tech/tags/cobol.md>), [configuration](<https://devfeed.tech/tags/configuration.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [release](<https://devfeed.tech/tags/release.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [versioning](<https://devfeed.tech/tags/versioning.md>)

### AI overview

Docusaurus 3.1 adds broken-anchor detection to the built-in broken links checker and introduces a new function hook for front matter transformations and integrations. The release also includes MDX and code-block improvements, CLI port configuration through an environment variable, and completed Brazilian Portuguese translations.

### Source excerpt

We are happy to announce Docusaurus 3.1.

## Product Updates - November 2023

DevFeed: [Product Updates - November 2023](<https://devfeed.tech/articles/product-updates-november-2023-31077.md>)

Original publisher: [Read original article](<https://www.mintlify.com/blog/november-2023>)

Author: Joshua Kim

Published: 2023-11-30T00:00:00Z

Content type: release

Language: en

Sources: [Mintlify Blog](<https://devfeed.tech/sources/mintlify-blog.md>)

Topics: [API](<https://devfeed.tech/topics/api.md>), [Website](<https://devfeed.tech/topics/website.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>)

Tags: [announcements](<https://devfeed.tech/tags/announcements.md>), [api](<https://devfeed.tech/tags/api.md>), [features](<https://devfeed.tech/tags/features.md>), [improvements](<https://devfeed.tech/tags/improvements.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [product](<https://devfeed.tech/tags/product.md>), [product-updates](<https://devfeed.tech/tags/product-updates.md>), [updates](<https://devfeed.tech/tags/updates.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

Mintlify's November 2023 product update covers a landing page redesign, API Playground improvements including redesigned Paramfields and MDX syntax support, and Web Editor features for adding, deleting, and renaming files and folders in the dashboard.

### Source excerpt

In November, we shipped new upgrades to our API Playground, the Web Editor, and our Landing Page.

## Announcing Docusaurus 3.0

DevFeed: [Announcing Docusaurus 3.0](<https://devfeed.tech/articles/announcing-docusaurus-3-0-40940.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/releases/3.0>)

Author: Sébastien Lorber

Published: 2023-10-31T00:00:00Z

Content type: release

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Node.js](<https://devfeed.tech/topics/node-js.md>), [React](<https://devfeed.tech/topics/react.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>)

Tags: [changes](<https://devfeed.tech/tags/changes.md>), [compatibility](<https://devfeed.tech/tags/compatibility.md>), [dependencies](<https://devfeed.tech/tags/dependencies.md>), [id](<https://devfeed.tech/tags/id.md>), [maintenance](<https://devfeed.tech/tags/maintenance.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [node-js](<https://devfeed.tech/tags/node-js.md>), [npm](<https://devfeed.tech/tags/npm.md>), [react](<https://devfeed.tech/tags/react.md>), [release](<https://devfeed.tech/tags/release.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [v3](<https://devfeed.tech/tags/v3.md>)

### AI overview

Meta Open Source announces Docusaurus 3.0, a major release with upgraded dependencies and documented breaking changes. The release upgrades Node.js, React, MDX, and TypeScript versions, while Docusaurus 2 enters maintenance mode with security support for three months.

### Source excerpt

Today, we are happy to announce Docusaurus 3.0! 🥳

## Preparing your site for Docusaurus v3

DevFeed: [Preparing your site for Docusaurus v3](<https://devfeed.tech/articles/preparing-your-site-for-docusaurus-v3-40936.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/preparing-your-site-for-docusaurus-v3>)

Author: Sébastien Lorber

Published: 2023-09-29T00:00:00Z

Content type: tutorial

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [upgrade](<https://devfeed.tech/topics/upgrade.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>)

Tags: [blog-post](<https://devfeed.tech/tags/blog-post.md>), [guide](<https://devfeed.tech/tags/guide.md>), [maintenance](<https://devfeed.tech/tags/maintenance.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>)

### AI overview

This tutorial explains how to prepare a Docusaurus v2 site for upgrading to Docusaurus v3. It focuses on the breaking changes involved in moving from MDX v1 to MDX v3, along with other preparation steps such as updating dependencies, testing for visual regressions, and adapting Markdown content.

### Source excerpt

This blog post was written when Docusaurus v3 was in beta. There are some changes in dependency versions and upgrade steps you should be aware of if upgrading to Docusaurus v3 current stable releases. Use the upgrade guide for the most up-to-date migration steps.

## Next.js 13.2

DevFeed: [Next.js 13.2](<https://devfeed.tech/articles/next-js-13-2-3180.md>)

Original publisher: [Read original article](<https://nextjs.org/blog/next-13-2>)

Author: Tim Neutkens

Published: 2023-02-23T18:00:00Z

Content type: release

Language: en

Sources: [Next.js Blog](<https://devfeed.tech/sources/next-js-blog.md>)

Topics: [Next.js](<https://devfeed.tech/topics/next-js.md>), [Search engine optimization (SEO)](<https://devfeed.tech/topics/seo.md>), [App](<https://devfeed.tech/topics/app.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [API](<https://devfeed.tech/topics/api.md>), [React](<https://devfeed.tech/topics/react.md>), [TypeScript](<https://devfeed.tech/topics/typescript.md>), [Rust](<https://devfeed.tech/topics/rust.md>), [Webpack](<https://devfeed.tech/topics/webpack.md>), [Cache](<https://devfeed.tech/topics/cache.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cache](<https://devfeed.tech/tags/cache.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [rust](<https://devfeed.tech/tags/rust.md>), [seo](<https://devfeed.tech/tags/seo.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [webpack](<https://devfeed.tech/tags/webpack.md>)

### AI overview

Next.js 13.2 introduces major improvements to the App Router, including a Metadata API for static and dynamic SEO metadata, custom Route Handlers, MDX support for Server Components, type-safe links, Turbopack improvements, and caching changes.

### Source excerpt

Next.js 13.2 introduces major improvements to the App Router in preparation for stability, including SEO support, Route Handlers, MDX for Server Components, Type-Safe Links, and more.

## Astro 2.0

DevFeed: [Astro 2.0](<https://devfeed.tech/articles/astro-2-0-3155.md>)

Original publisher: [Read original article](<https://astro.build/blog/astro-2/>)

Author: Fred Schott

Published: 2023-01-24T00:00:00Z

Content type: release

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [Server-side rendering](<https://devfeed.tech/topics/server-side-rendering.md>), [Vite](<https://devfeed.tech/topics/vite.md>)

Tags: [astro](<https://devfeed.tech/tags/astro.md>), [framework](<https://devfeed.tech/tags/framework.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [release](<https://devfeed.tech/tags/release.md>), [vite](<https://devfeed.tech/tags/vite.md>), [web](<https://devfeed.tech/tags/web.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

Astro 2.0 introduces type-safe Markdown and MDX content collections, hybrid rendering, redesigned error overlays, an improved development server with HMR, Vite 4.0, and a public roadmap. The release focuses on content management, developer experience, and combining static and dynamic page rendering.

### Source excerpt

Astro 2.0 is here! Astro 2.0 is the first major web framework to deliver complete type-safety for Markdown and MDX. Other release highlights include: Hybrid Rendering - Redesigned Error Overlays - Improved Dev Server and HMR - Vite 4.0 - A New Public Roadmap

## Protocol: A beautiful starting point for your next API documentation site

DevFeed: [Protocol: A beautiful starting point for your next API documentation site](<https://devfeed.tech/articles/protocol-a-beautiful-starting-point-for-your-next-api-documentation-site-3451.md>)

Original publisher: [Read original article](<https://tailwindcss.com/blog/2022-12-15-protocol-api-documentation-template>)

Published: 2022-12-15T15:00:00Z

Content type: release

Language: en

Sources: [Tailwind CSS Blog](<https://devfeed.tech/sources/tailwind-css-blog.md>)

Topics: [Template](<https://devfeed.tech/topics/template.md>), [API](<https://devfeed.tech/topics/api.md>), [Documentation](<https://devfeed.tech/topics/documentation.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [React](<https://devfeed.tech/topics/react.md>), [Framer Motion](<https://devfeed.tech/topics/framer-motion.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [api-documentation](<https://devfeed.tech/tags/api-documentation.md>), [building](<https://devfeed.tech/tags/building.md>), [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [documentation](<https://devfeed.tech/tags/documentation.md>), [js](<https://devfeed.tech/tags/js.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwind-css](<https://devfeed.tech/tags/tailwind-css.md>)

### AI overview

Tailwind CSS introduces Protocol, a website template for building API reference documentation sites with Next.js and MDX. The article highlights its polished navigation and interaction design, authoring workflow, reusable components, and the mdx-annotations library for passing data through MDX tags.

### Source excerpt

It's been months in the making but I'm excited to finally release our next website template -- Protocol, a beautiful starter kit for building amazing API reference websites.

## Using Nx Workspace generators to scaffold new blog posts

DevFeed: [Using Nx Workspace generators to scaffold new blog posts](<https://devfeed.tech/articles/using-nx-workspace-generators-to-scaffold-new-blog-posts-21386.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/07/nextjs-workspace-generator-blog-draft/>)

Published: 2021-07-28T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Code](<https://devfeed.tech/topics/code.md>), [Boilerplate](<https://devfeed.tech/topics/boilerplate.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Storybook](<https://devfeed.tech/topics/storybook.md>), [Cypress](<https://devfeed.tech/topics/cypress.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [consistency](<https://devfeed.tech/tags/consistency.md>), [cypress](<https://devfeed.tech/tags/cypress.md>), [developers](<https://devfeed.tech/tags/developers.md>), [generators](<https://devfeed.tech/tags/generators.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [storybook](<https://devfeed.tech/tags/storybook.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

This tutorial explains how Nx Workspace generators can scaffold new blog drafts in a blog project built with Next.js and Nx. It introduces generators as a way to reduce repetitive setup work, improve naming and component consistency, and lower collaboration friction as projects scale.

### Source excerpt

Lorem ipsum dolor sit amet

## Hot Reload MDX changes in Next.js and Nx

DevFeed: [Hot Reload MDX changes in Next.js and Nx](<https://devfeed.tech/articles/hot-reload-mdx-changes-in-next-js-and-nx-21385.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/07/fast-refresh-mdx-files-next-and-nx/>)

Published: 2021-07-15T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>), [Web app](<https://devfeed.tech/topics/webapp.md>)

Tags: [hot-reloading](<https://devfeed.tech/tags/hot-reloading.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

A tutorial on implementing a custom server for a Next.js app with Nx so MDX file changes automatically refresh the rendered page. It explains how Next.js Fast Refresh works and introduces the next-remote-watch package for watching MDX changes.

### Source excerpt

Lorem ipsum dolor sit amet

## Component hydration with MDX in Next.js and Nx

DevFeed: [Component hydration with MDX in Next.js and Nx](<https://devfeed.tech/articles/component-hydration-with-mdx-in-next-js-and-nx-21384.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2021/07/component-hydration-nextjs-nx/>)

Published: 2021-07-08T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [MDX](<https://devfeed.tech/topics/mdx.md>), [Next.js](<https://devfeed.tech/topics/next-js.md>), [React](<https://devfeed.tech/topics/react.md>)

Tags: [building](<https://devfeed.tech/tags/building.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [next](<https://devfeed.tech/tags/next.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [react](<https://devfeed.tech/tags/react.md>), [series](<https://devfeed.tech/tags/series.md>), [tailwindcss](<https://devfeed.tech/tags/tailwindcss.md>)

### AI overview

A tutorial on dynamically hydrating React components with MDX in a Next.js and Nx blog project. It explains how MDX enables React components to be embedded in Markdown and begins implementing a reusable YouTube component in an Nx React library.

### Source excerpt

Lorem ipsum dolor sit amet

## How we built Odyssey

DevFeed: [How we built Odyssey](<https://devfeed.tech/articles/how-we-built-odyssey-23391.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/how-we-built-odyssey>)

Author: Janessa Garrow

Published: 2021-02-24T13:59:50Z

Content type: tutorial

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [Learning](<https://devfeed.tech/topics/learning.md>), [MDX](<https://devfeed.tech/topics/mdx.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Netlify](<https://devfeed.tech/topics/netlify.md>), [React](<https://devfeed.tech/topics/react.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>), [GitHub](<https://devfeed.tech/topics/github.md>), [YAML](<https://devfeed.tech/topics/yaml.md>)

Tags: [apollo](<https://devfeed.tech/tags/apollo.md>), [github](<https://devfeed.tech/tags/github.md>), [graphos](<https://devfeed.tech/tags/graphos.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [learning](<https://devfeed.tech/tags/learning.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [netlify](<https://devfeed.tech/tags/netlify.md>), [react](<https://devfeed.tech/tags/react.md>), [yaml](<https://devfeed.tech/tags/yaml.md>)

### AI overview

Apollo describes how it built and launched Odyssey, an interactive learning platform for Apollo and GraphQL, by developing its own learning management system. The article covers the React, Gatsby, MDX, Netlify, and GitHub-based architecture, along with the use of MDX files, Git history, and YAML metadata to organize course content.

### Source excerpt

A few weeks ago, we launched Odyssey, Apollo's new interactive learning platform. Our aim with Odyssey is to provide a fun, hands-on experience for developers who are eager to begin or advance their journey with Apollo and GraphQL. To provide the interactive experience we imagined, we decided to build our own learning management system (LMS) instead of using something off the shelf.

## Development update #4 - ethereum.org

DevFeed: [Development update #4 - ethereum.org](<https://devfeed.tech/articles/development-update-4-ethereum-org-16918.md>)

Original publisher: [Read original article](<https://blog.ethereum.org/en/2020/08/05/ethereum-dot-org-development-update-4>)

Author: Digital Studio

Published: 2020-08-05T00:00:00Z

Content type: article

Language: en

Sources: [Ethereum Foundation Blog](<https://devfeed.tech/sources/ethereum-foundation-blog.md>)

Topics: [Ethereum](<https://devfeed.tech/topics/ethereum.md>), [gatsby](<https://devfeed.tech/topics/gatsby.md>), [Development](<https://devfeed.tech/topics/development.md>), [Website](<https://devfeed.tech/topics/website.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>)

Tags: [development](<https://devfeed.tech/tags/development.md>), [ethereum](<https://devfeed.tech/tags/ethereum.md>), [ethereum-org](<https://devfeed.tech/tags/ethereum-org.md>), [framework](<https://devfeed.tech/tags/framework.md>), [mdx](<https://devfeed.tech/tags/mdx.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [react](<https://devfeed.tech/tags/react.md>), [update](<https://devfeed.tech/tags/update.md>)

### AI overview

This development update describes changes to ethereum.org, including its migration from Vuepress to Gatsby, use of React and MDX, new contribution guidance, redesigned onboarding content, and a Get ETH page that helps users find locally available wallets and exchanges. It also introduces inclusion criteria for wallets and dapps based partly on security and support.

### Source excerpt

Hey Ethereum community! It's been a few months since our last update so it's about time we let you know what's been happening over at ethereum.org....