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.jsand fill in thefeedUrland podcast details. - Then run
gatsby develop
You will see your new podcast page at /podcast.