# Ghost CMS + GatsbyJS: How to change theme?

**URL:** <https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172>\
**Category:** Themes\
**Created:** [February 21, 2020, 11:32am UTC](https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172 "2020-02-21T11:32:14Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rlsaj00](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/rlsaj00/32/6462_2.png) [@rlsaj00](https://forum.ghost.org/u/rlsaj00)\
**Post date:** [February 21, 2020, 11:32am UTC](https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172/1 "2020-02-21T11:32:14Z")

</div>

I have a local dev instance of Ghost and Gatsby JS working well. I followed this starter: [GitHub - TryGhost/gatsby-starter-ghost: A starter template to build lightning fast websites with Ghost & Gatsby](https://github.com/TryGhost/gatsby-starter-ghost).

In Ghost if I make a content change (eg - new page/page edit/blog edit) all content changes are published correctly through to GatsbyJS.

If I change the Theme within Ghost however the theme change is not pushed to GatsbyJS, even after a server restart of GatsbyJS (and Ghost for good measure).

Should a Theme change in Ghost be published to GatsbyJS or do I have a fundamental misunderstanding of what what Ghost can do to GatsbyJS.

(outside the scope of this question, Gatsby JS is deploying to Netlify via webhooks. This is working well for content changes but not theme changes)

---

<div class="post-metadata">

**Author:** ![DavidDarnes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/daviddarnes/32/3533_2.png) [@DavidDarnes](https://forum.ghost.org/u/DavidDarnes)\
**Post date:** [February 21, 2020, 2:39pm UTC](https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172/2 "2020-02-21T14:39:22Z")

</div>

When you use a Static Site Generator like Gatsby you are opting out of using the internal Ghost theming layer. There’s some more explanation here:

> [@Connect Localhost/admin to Github + Netlify](https://forum.ghost.org/t/connect-localhost-admin-to-github-netlify/11789/6):
>
> The Gatsby front-end you have setup will replace the Ghost theme layer. There’s a better explanation over here on our announcement post slight_smile

> **[Ghost on the JAMstack](https://ghost.org/changelog/jamstack/)**
>
> After some major updates to Ghost's public API and tooling, it's now possible to use Ghost as a completely decoupled headless CMS 👉

---

<div class="post-metadata">

**Author:** ![rlsaj00](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/rlsaj00/32/6462_2.png) [@rlsaj00](https://forum.ghost.org/u/rlsaj00)\
**Post date:** [February 22, 2020, 10:09pm UTC](https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172/3 "2020-02-22T22:09:43Z")

</div>

Thanks for the answer DavidDarnes, makes sense - and yes I am using Netlify too.

So if I have to deploy to Netlify, then I should just use GatsbyJS for theme and just use Ghost CMS for content. Now to learn about GatsbyJS themes…

---

<div class="post-metadata">

**Author:** ![styxlab](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/styxlab/32/6127_2.png) [@styxlab](https://forum.ghost.org/u/styxlab)\
**Post date:** [March 6, 2020, 1:53pm UTC](https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172/4 "2020-03-06T13:53:54Z")

</div>

If you are looking for a complete port of the default Ghost Casper v3 theme, I have good news for you as I have just completed this exercise:

[gatsby-starter-try-ghost](https://github.com/styxlab/gatsby-starter-try-ghost)

Other themes could be ported into this project too as it replicates most of the handlebars frontend functionality. Let me know, if you have needs for that.

---

<div class="post-metadata">

**Author:** ![iamjeffrey](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/iamjeffrey/32/8311_2.png) [@iamjeffrey](https://forum.ghost.org/u/iamjeffrey)\
**Post date:** [June 7, 2020, 4:31pm UTC](https://forum.ghost.org/t/ghost-cms-gatsbyjs-how-to-change-theme/12172/5 "2020-06-07T16:31:13Z")

</div>

i need a template converted to gatsby. can you help with that?
