Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kmelve/sanity-with-mdx-deck

Generate mdx-deck from Sanity.io
https://github.com/kmelve/sanity-with-mdx-deck

Last synced: 5 days ago
JSON representation

Generate mdx-deck from Sanity.io

Awesome Lists containing this project

README

        

# Sanity with mdx-deck

[![Remix on Glitch](https://cdn.glitch.com/2703baf2-b643-4da7-ab91-7ee2a2d00b5b%2Fremix-button.svg)](https://glitch.com/edit/#!/remix/sanity-with-mdx-deck)

[mdx-deck](https://jxnblk.com/mdx-deck/#0) is a [mdx](https://mdxjs.com/) based presentation deck. Sanity is a real-time hosted backend for structured content. This is an example of how to create and store your presentations in the Sanity Studio and export them as mdx-decks.

## Get started

### Add mdx-deck-schema to your sanity project

* Copy and put [these files](https://github.com/kmelve/sanity-with-mdx-deck/tree/master/deck-schemas) in your schema-folder and import them to schema.js

### Generate decks

You can remix this [online Glitch app](https://glitch.com/edit/#!/remix/sanity-with-mdx-deck) and do the following:

* Add your `project id`, `dataset name`, and `deck document id` to sanityConfig.json
* Run `sanity cors add https://.glitch.com` in your command line interface, or in your project settings on [manage.sanity.io](https://manage.sanity.io)
* Wait for the build to finish and open [https://.glitch.com](https://.glitch.com)