Using Multiple Themes

This repository demonstrates how to use multiple themes in a Gatsby site

---

In this section you will see how to compose multiple themes into a final site using gatsby-theme-blog, gatsby-theme-notes and gatsby-mdx-embed as examples. It will also cover the concept of component shadowing with Theme-UI for styling.

🔧 Running locally

The site can be run locally on your own computer as well by following these steps:

1. Clone the gatsby repository

git clone git@github.com:gatsbyjs/gatsby.git

2. Navigate to the example

cd gatsby/examples/using-multiple-themes

3. Install the dependencies for the application by running

npm install

4. Run the Gatsby development server

gatsby develop

The site is now running at http://localhost:8000, you can see your first post at http://localhost:8000/hello-posts/

🧰 Resources used to create this project

• Gatsby's hello-world starter
• Gatsby-theme-blog
• Gatsby-theme-notes

🎓 More Guides for Learning about themes

Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:

• Gatsby Themes Reference Guide
• Customizing styles in Gatsby Themes with Theme-UI
• Build a Personal Site Using Gatsby Themes (with Will Johnson) — Learn With Jason