gatsby-theme-catalyst-oxgen

Gatsby theme for a personal blog and portfolio.

Usage no npm install needed!

<script type="module">
  import gatsbyThemeCatalystOxgen from 'https://cdn.skypack.dev/gatsby-theme-catalyst-oxgen';
</script>

README

Gatsby Theme Catalyst Oxygen

WIP

Additional Documentation

Read the docs on Github

Demos:

Catalyzing Start

# create a new Gatsby site using the catalyst writer starter site
gatsby new catalyst-hydrogen https://github.com/ehowey/gatsby-starter-catalyst-hydrogen

Theme options

These theme options are used to properly access images and data from Sanity. I would recommend just setting these up in environment variables as you will need an environment variables file to store your access token anyways.

Option Values Description
sanityDataset String Defaults to "production", change to reflect the dataset name you are using in Sanity
sanityProjectID String Required, Sanity project ID

Example config:

{
  resolve: `gatsby-theme-catalyst-hydrogen`,
  options: {
    sanityProjectID: process.env.SANITY_PROJECT_ID,
    sanityDataset: process.env.SANITY_DATASET,
  },
},

Environment Variable

You can read the Gatsby docs about environment variables which may be helpful.

At the top of your gatsby-config.js file you will want the following, require("dotenv").config()

Then in your site you can create a .env file in your main site directory with the following information. You do not want to commit this file to git as the token should remain private.

SANITY_PROJECT_ID = utcr8kb1
SANITY_DATASET = production
SANITY_TOKEN = skRE6nh0PRCFP4juyGzMC7gvlop (actual token is much longer)