# 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