To export your deck as a static HTML page with JS bundle,
add a build
script to your package.json
file.
"scripts": {
"build": "mdx-deck build deck.mdx"
}
To export a deck as PDF, use the website-pdf
CLI.
Start the MDX Deck dev server,
then run the following command to create a PDF:
npx website-pdf http://localhost:8000/print -o deck.pdf
To export a PNG image, use the capture-website-cli
CLI.
Start the dev server, then run the following:
npx capture-website-cli http://localhost:8000 deck.png
To add an open graph image, use the Head component to add a meta tag. Note that the meta tag should point to a full URL, including schema and domain name.
import { Head } from 'mdx-deck'
<Head>
<meta name="og:image" content="https://example.com/card.png" />
</Head>