Mdx Embed

screenshot of Mdx Embed
gatsby
nextjs

Embed 3rd party media content in MDX - no import required

Overview

MDX Embed is a tool that simplifies the process of embedding various 3rd party media content, such as YouTube videos, Tweets, and Instagram posts, directly into .mdx files without the need for imports. This tool enhances the functionality of .mdx files by allowing easy inclusion of external content.

Features

  • Easy Embedding: Embed popular 3rd party media content effortlessly.
  • No Imports Required: Simplifies the embedding process by eliminating the need for imports.
  • Versatile Content: Supports embedding of various types of content such as YouTube videos, Tweets, and Instagram posts.
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

mdx
MDX

MDX is a format that allows developers to write JSX within Markdown documents, combining the power of React with the simplicity of Markdown. This allows for the creation of dynamic and interactive content that can be easily shared and consumed across different platforms and devices.

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.