Skip to content

Instantly share code, notes, and snippets.

@shadcn

shadcn/gatsby-podcast.mdx

Last active May 5, 2020 18:13
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save shadcn/1595f4c1f8fcefab5a2d0bc3b018195d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save shadcn/1595f4c1f8fcefab5a2d0bc3b018195d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. shadcn revised this gist May 5, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion gatsby-podcast.mdx
    View file
    Original file line number Diff line number Diff line change
    @@ -43,7 +43,7 @@ Enable `@arshad/gatsby-theme-podcast-core` in `gatsby-config.js`.
    Copy default `episodes` page component.

    <File
    path="src/@arshad/gatsby-theme-podcast-core/episodes.js"
    path="src/@arshad/gatsby-theme-podcast-core/components/episodes.js"
    content="https://gist.githubusercontent.com/arshad/9b6a13e4c240a85a756590affac90922/raw/d4f361b8eeac7808a71482147eb5c2cf396cc000/episodes.js"
    />

  2. shadcn revised this gist May 5, 2020. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion gatsby-podcast.mdx
    View file
    Original file line number Diff line number Diff line change
    @@ -40,7 +40,7 @@ Enable `@arshad/gatsby-theme-podcast-core` in `gatsby-config.js`.

    ---

    Copy default `episodes` page.
    Copy default `episodes` page component.

    <File
    path="src/@arshad/gatsby-theme-podcast-core/episodes.js"
    @@ -54,6 +54,7 @@ Copy artwork to `assets/images/podcast-artwork.jpg"
    content="https://images.unsplash.com/photo-1485579149621-3123dd979885?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&dl=matt-botsford-OKLqGsCT8qs-unsplash.jpg"
    />

    ---

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

  3. shadcn created this gist May 5, 2020.
    63 changes: 63 additions & 0 deletions gatsby-podcast.mdx
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,63 @@
    # Add podcast to your site

    This recipe adds podcast support to your Gatsby site using [@arshad/gatsby-theme-podcast-core](https://github.com/arshad/gatsby-themes/tree/master/core/gatsby-theme-podcast-core).

    ---

    Install NPM packages

    <NPMPackage
    name="@arshad/gatsby-theme-podcast-core"
    />

    ---

    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.

    <File
    path="src/@arshad/gatsby-theme-podcast-core/episodes.js"
    content="https://gist.githubusercontent.com/arshad/9b6a13e4c240a85a756590affac90922/raw/d4f361b8eeac7808a71482147eb5c2cf396cc000/episodes.js"
    />

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

    <File
    path="assets/images/podcast-artwork.jpg"
    content="https://images.unsplash.com/photo-1485579149621-3123dd979885?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&dl=matt-botsford-OKLqGsCT8qs-unsplash.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`.