Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Gatsby Theme Soundcloud

Get a homepage for your song!

This is a pretty simple plugin to get a page for your soundcloud song. It uses the config object to programatically build pages.

Config Options

Setup the plugin in gatsby-config.js with the rest of your plugins.

module.exports = {
  plugins: [
      resolve: '@rttnbrgr/gatsby-theme-soundcloud',
      options: {
        // All options go in the soundcloud key
        soundcloud: {
          // optional path for all your pages
          basePath: 'my-songs',
          // an array of track objects
          tracks: [
              artist: 'Amine' // name of the artist
              title:  'Places + Faces' // name of the track
              url:    'https://soundcloud.com/heyamine/places-faces' // link to soundcloud track page


This is the shitty first draft of an idea I have had for a while. I’ve got some ideas for what this could turn into, but nothing solid.

Bug me on twitter if you have thoughts or file an issue.

Live demo

Check out the demo on codesandbox

© 2023 Gatsby, Inc.