How to use the next-mdx-remote/hydrate function in next-mdx-remote

To help you get started, we’ve selected a few next-mdx-remote examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github openmultiplayer / web / frontend / src / pages / docs / index.tsx View on Github external
const Page = ({ content }) => {
  return (
    <div>
      
      <section>{hydrate(content)}</section>
    </div>
  );
};
github hashicorp / boundary / website / components / temporary_docs-page / index.jsx View on Github external
export default function DocsPage({
  productName,
  productSlug,
  subpath,
  order,
  staticProps: { mdxSource, data, frontMatter, pagePath, filePath },
}) {
  const content = hydrate(mdxSource, {
    components: generateComponents(productName),
  })

  return (
    &lt;&gt;

next-mdx-remote

utilities for loading mdx from any remote source as data, rather than as a local import

MPL-2.0
Latest version published 7 months ago

Package Health Score

78 / 100
Full package analysis