Gatsby Theme Simplecast

Gatsby theme that sources data from Simplecast API which can be combined with Markdown files to associate more information to each episode. Inspired by syntax.fm.

→ Preview Theme

Installation

To use this theme in your Gatsby sites, follow these instructions:

1. Install the theme

   yarn add @vojtaholik/gatsby-theme-simplecast
   

2. Add the theme to your gatsby-config.js:

module.exports = {
plugins: [
  {
    resolve: '@vojtaholik/gatsby-theme-simplecast',
    options: {
      podcastId: PODCAST_ID, // theme uses mockup data if no podcastId provided
      simplecastApiSecret: SIMPLECAST_API_SECRET, 
      markdownPath: 'content/episodes',
    },
  },
],
}

Plugin options

• simplecastApiSecret: Grab your Simplecast API token here.
• podcastId: Podcast ID can be found in your Simplecast account under embeds settings.
• markdownPath: Path to your markdown files. For markdown file to show up, it's frontmatter.id must match episode.id.
• episodeSlug: default "show". (/show/05/episode-title)

3. Create index page in src/pages/index.js

   • You can use this example which displays latest episode by default.

4. Start your site

   gatsby develop