Example of how to include presentation in existing website

jxnblk / mdx-deck

♠️ React MDX-based presentation decks

https://mdx-deck.jxnblk.com

MIT License

11.32k stars 604 forks source link

Example of how to include presentation in existing website #718

Open mcanzerini opened 4 years ago

mcanzerini commented 4 years ago

Hi,

I have a gatsby website and want to include an mdx-deck presentation into it.

I understand that it may be possible but i cannot find any tips to make it work.

Thanks for your help and many thanks for you amazing project

maxcan commented 4 years ago

I'm in the same boat with the same initials. If I figure out a good approach, I'll post here. Would love to hear from @jxnblk or someone more familiar with gatsby or mdx-deck though for best practices.

maxcan commented 4 years ago

@mcanzerini nevermind. seems like https://github.com/jxnblk/mdx-deck/tree/master/packages/gatsby-theme is the answer

jcayzac commented 4 years ago

My site uses a theme already. I got my slides to work using gatsby-theme-mdx-deck but styling breaks:

If gatsby-theme-mdx-deck is first in gatsby-config.js, then my site's styles are wiped out and only the slides are styled.
If gatsby-theme-mdx-deck is after my theme in gatsby-config.js, then my site's styles are OK but my slides aren't styled.