Skip to content

Instantly share code, notes, and snippets.

@arshad

arshad/gatsby-podcast.mdx

Last active May 5, 2020
Embed
What would you like to do?

Add podcast to your site

This recipe adds podcast support to your Gatsby site using @arshad/gatsby-theme-podcast-core.


Install NPM packages


Enable @arshad/gatsby-theme-podcast-core in gatsby-config.js.

<GatsbyPlugin name="@arshad/gatsby-theme-podcast-core" options={{ feedUrl: https://feeds.megaphone.fm/travelgenius, basePath: /podcast, episodesPerPage: 5, podcast: { name: Name of Podcast, description: Short description for your podcast, image: assets/images/podcast-artwork.jpg, social: [ { name: Apple Podcast, url: https://itunes.apple.com, }, { name: Google Podcast, url: https://podcasts.google.com, }, ], }, }} />


Copy default episodes page component.

Copy artwork to `assets/images/podcast-artwork.jpg"


Awesome! You are now ready to add configure your podcast:

  • Open gatsby-config.js and fill in the feedUrl and podcast details.
  • Then run gatsby develop

You will see your new podcast page at /podcast.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment