Nail It Home Logo
Nail It Home
Using MDX

Using MDX

VL

Nail It Home Editorial

This theme comes with the @astrojs/mdx integration installed and configured in your astro.config.mjs config file. If you prefer not to use MDX, you can disable support by removing the integration from your config file.

Why MDX?

MDX is a special flavor of Markdown that supports embedded JavaScript & JSX syntax. This unlocks the ability to mix JavaScript and UI Components into your Markdown content for things like interactive charts or alerts.

If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.

Example

Here is how you import and use a UI component inside of MDX.
When you open this page in the browser, you should see the clickable button below.

Embedded component in MDX
astro mdx

Share the Inspiration

Help others grow their sanctuary.

Love these ideas?

Join our community for weekly design tips and garden inspiration.

Continue Reading

Read Wooden Pallet Herb Garden with Labeled Sections
Wooden Pallet Herb Garden with Labeled Sections
Outdoor

Wooden Pallet Herb Garden with Labeled Sections

Turn a free wooden pallet into a thriving herb garden with clearly labeled sections. This step-by-step DIY guide covers pallet prep, planting, and making beautiful herb markers.

Editorial Team
Read Crate Bookshelf Painted and Stacked Creatively
Crate Bookshelf Painted and Stacked Creatively
Storage

Crate Bookshelf Painted and Stacked Creatively

Learn how to turn plain wooden crates into a stunning, customizable bookshelf. Paint, stack, and style them your way — a budget-friendly DIY that makes every room feel intentional.

Editorial Team
Read Custom Name Sign with Wood Burning or Vinyl Letters
Custom Name Sign with Wood Burning or Vinyl Letters
Decor

Custom Name Sign with Wood Burning or Vinyl Letters

Learn how to make a stunning custom name sign using wood burning or vinyl letters — two beginner-friendly techniques that deliver professional, personalized results.

Editorial Team
Browse All Articles