Content Authoring with MDX and Collections

Explain what MDX is and how it combines Markdown with JSX.

Set up MDX and Content Collections integration in an Astro project.

Define type-safe content schemas using Zod to validate frontmatter.

Author content in MDX files using frontmatter metadata.

Embed interactive React components directly within MDX content.

Query and filter content collections programmatically on a page.

Customize the styling of MDX content by mapping HTML elements to custom components.