gatsby-theme-golden-condor

Gatsby Theme Golden Condor

A gatsby theme with MDX support, theming & dark mode via theme-ui, unlimited collections (custom post types), configurable layouts, built in SEO, component shadowing and more.

Quick Start

Get started with a new project

First init a new gatsby project:

npm init gatsby

cd into the directory of your new project

cd my-gatsby-site

Install the theme

npm i gatsby-theme-golden-condor

Install the theme in an existing project

In your project folder

npm i gatsby-theme-golden-condor

Theme Setup

Gatsby config

Edit your gatsby-config.js We need to add the plugin gatsby-theme-golden-condor, plus there are a few required siteMetadata options that the theme uses for SEO and the like.

module.exports = {
  siteMetadata: {
    siteUrl: "https://www.yourdomain.tld",
    title: "Your Title",
    author: "Your Name",
    description: "site description",
    image: "static-image.png",
    social: [
      {
        name: "...",
        url: "...",
      },
    ],
  },
  plugins: [
    {
      resolve: `gatsby-theme-golden-condor`,
      options: {},
    },
  ],
};

For more information on these options check out Theme Options and Site Metadata

Remove default pages index.js

Delete the src/pages/index.js file that was created by gatsby init.

Run develop

Run the develop script. This will create the default posts, pages and navigation.yaml file in the content folder.

npm run develop

Edit content

The content for the home page is located at content/pages/index.mdx. For more info, check out Frontmatter

The header and footer menus are configurable in content/pages/navigation.yaml. For more info, check out Navigation