# gatsby-theme-presenter

> Add MDX Deck presentations to any Gatsby site

Latest version **0.0.8** (published 2020-07-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install gatsby-theme-presenter
pnpm add gatsby-theme-presenter
yarn add gatsby-theme-presenter
bun add gatsby-theme-presenter
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.8 |
| Published | 2020-07-05 |
| First published | 2020-07-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 25 |
| Unpacked size | 45.8 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | billgo |

## Links

- npm: https://www.npmjs.com/package/gatsby-theme-presenter
- npm.io page: https://npm.io/package/gatsby-theme-presenter

## Dependencies (25)

- [debug](https://npm.io/package/debug.md) ^4.1.1
- [gatsby](https://npm.io/package/gatsby.md) ^2.13.24
- [hhmmss](https://npm.io/package/hhmmss.md) ^1.0.0
- [mkdirp](https://npm.io/package/mkdirp.md) ^1.0.4
- [theme-ui](https://npm.io/package/theme-ui.md) ^0.3.1
- [lodash.get](https://npm.io/package/lodash.get.md) ^4.4.2
- [@mdx-js/mdx](https://npm.io/package/@mdx-js/mdx.md) ^1.6.6
- [randomcolor](https://npm.io/package/randomcolor.md) ^0.5.4
- [lodash.merge](https://npm.io/package/lodash.merge.md) ^4.6.2
- [react-helmet](https://npm.io/package/react-helmet.md) ^6.1.0
- [remark-emoji](https://npm.io/package/remark-emoji.md) ^2.1.0
- [@emotion/core](https://npm.io/package/@emotion/core.md) ^10.0.28
- [@mdx-js/react](https://npm.io/package/@mdx-js/react.md) ^1.6.6
- [@reach/router](https://npm.io/package/@reach/router.md) ^1.3.4
- [react-swipeable](https://npm.io/package/react-swipeable.md) ^5.5.1
- [@mdx-deck/themes](https://npm.io/package/@mdx-deck/themes.md) ^4.1.0
- [gatsby-plugin-mdx](https://npm.io/package/gatsby-plugin-mdx.md) ^1.2.22
- [remark-unwrap-images](https://npm.io/package/remark-unwrap-images.md) ^2.0.0
- [gatsby-plugin-emotion](https://npm.io/package/gatsby-plugin-emotion.md) ^4.3.9
- [gatsby-plugin-theme-ui](https://npm.io/package/gatsby-plugin-theme-ui.md) ^0.3.0
- [gatsby-source-filesystem](https://npm.io/package/gatsby-source-filesystem.md) ^2.3.18
- [gatsby-plugin-catch-links](https://npm.io/package/gatsby-plugin-catch-links.md) ^2.3.10
- [gatsby-remark-import-code](https://npm.io/package/gatsby-remark-import-code.md) ^0.1.1
- [gatsby-plugin-react-helmet](https://npm.io/package/gatsby-plugin-react-helmet.md) ^3.3.9
- [gatsby-plugin-compile-es6-packages](https://npm.io/package/gatsby-plugin-compile-es6-packages.md) ^2.1.0

## Recent versions

- 0.0.8 (latest) — 2020-07-05
- 0.0.7 — 2020-07-05
- 0.0.6 — 2020-07-05
- 0.0.5 — 2020-07-05
- 0.0.4 — 2020-07-05
- 0.0.3 — 2020-07-05
- 0.0.2 — 2020-07-05
- 0.0.1 — 2020-07-05

## README

# gatsby-theme-presenter

Add MDX Deck presentations to any Gatsby site

```sh
npm i gatsby-theme-presenter
```

```js
// gatsby-config.js
module.exports = {
  plugins: ["gatsby-theme-presenter"],
};
```

Add one or more MDX presentation files to the `decks/` directory.
The filenames will be used for creating routes to each deck.

Example `decks/hello.mdx`

```mdx
# Hello!

---

## Beep boop
```

## Layouts

Individual slides can be wrapped with layout components,
which work similarly to slide templates found in other presentation software.

Example `decks/hello.mdx`

```mdx
import Layout from "./my-layout";

<Layout>

# Hello

</Layout>

---

## Beep boop
```

## Configuration Options

The Gatsby theme accepts the following options.

```js
// gatsby-config.js
module.exports = {
  plugins: [
    {
      resolve: "gatsby-theme-presenter",
      options: {
        // enable or disable gatsby-plugin-mdx
        mdx: false,
        // source directory
        contentPath: "decks",
        // base path for routes generate by this theme
        basePath: "",
      },
    },
  ],
};
```

## other project

gatsby-theme-simplecast

MIT License

---
_Source: https://npm.io/package/gatsby-theme-presenter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._