Skip to content

Instantly share code, notes, and snippets.

@shadcn

shadcn/gatsby-podcast.mdx

Last active May 5, 2020 18:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shadcn/1595f4c1f8fcefab5a2d0bc3b018195d to your computer and use it in GitHub Desktop.
Save shadcn/1595f4c1f8fcefab5a2d0bc3b018195d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gatsby-podcast.mdx

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