How to create multiple copies of the site base off an API

Summary

So, have a very strange request here. We are looking for a way to create copies of the site that are all powered by an API. I’m not concerned with consuming an API (that is fairly straight forward), but where I’m getting stuck is how would I build multiple versions of the site.

Example API Response:

[
        {
	        "siteName": "Master Site",
		"slug": null
	},
	{
		"siteName": "User Site 1",
		"slug": "/user-site-1"
	},
	{
		"siteName": "User Site 2",
		"slug": "/user-site-2"
	}
]

Not sure if this is the idea structure, but we could end up with something like this:

/public

• index.html
• js /sites
  • /user-site-1
    • index.html -js
  • /user-site-2
    • index.html -js

I’m guessing we would want to somehow interject this into the gatsby-node file, but again, never completed anything like this before, so not sure it’s 100% doable.

Thanks,

[james-lukensow]

@josefaidt @DSchau

Thanks for all your help, really appreciate it!

[DSchau]

@josefaidt completely agree.

@whnunlife I’d recommend checking out Gatsby Themes.

In this example, you’d define a base Gatsby theme that establishes the data layer and visual theme (or feel free to structure as a parent/child theme), and then you’d re-use this theme whenever you’d like a site with a similar look and feel.

Without themes–you could do this too, but it’d be a bit more involved and would likely use pathPrefix and (multiple) custom builds and copy steps. It’s doable, but not quite as clean.

Going to close this as answered (and thanks @josefaidt for the assistance here!), but please feel free to reply if we could shed some light on anything else.

Additionally, I’ll offer a pair programming session if that’s helpful and you’d like a little extra assistance!