Skip to content
Luis González
Español
Abstract gradient used as a placeholder image

Using MDX

1 min read

Example content: it will be replaced by real posts.

This blog uses the @astrojs/mdx integration, configured in astro.config.mjs.

Why MDX?

MDX is a flavor of Markdown that supports JSX syntax, so you can mix UI components into your Markdown content.

Example

This is an Astro component imported and used inside MDX. It renders as static HTML, with no JavaScript:

Embedded component in MDX

Comments