adamquadmon / gatsby-themes

My personal tool belt for baking Gatsby Websites.

Free & Open Source Gatsby Themes by AdamQuadmon

Gatsby themes to quickly bootstrap your website!

It is ispired by:

• @LekoArts/gatsby-themes
• gatsby-theme-catalyst
• gatsby-theme-nicky-blog

Contents

This repository uses Yarn Workspaces and changesets to develop multiple packages together as a monorepo and renovate to keep deps updated. Be sure to install Yarn before setting up the development environment.

• examples: Contains the corresponding example sites for the themes.
• themes: Contains the themes themselves.
• scripts: Contains utils to handle stuff.

Scripts

in the scripts folder:

• mdx - create in csv/ folder posts.csv, areas.csv, cagegories.csv and tags.csv with mdx content from basePath following area and topic sections renaming topics to categories

Tools

• fast-csv - CSV parser and formatter
• front-matter - extract YAML front matter from strings

How to Contribute

Make sure that you have yarn installed on your machine (as it's mandatory for yarn workspaces). Fork this repository, clone it and run yarn in the root directory.

To launch the development server of an example site, use:

yarn workspace [examples/name] develop

Or for a build:

yarn workspace [examples/name] build

In the case of examples/lucifero this command would be yarn workspace lucifero develop. Now you can make changes to the respective theme and see them via Hot-Reloading.

Commit your changes to a feature branch of your fork and open up a PR against this repository. The PR will have checks in place which you can also run on your machine in preparation for the PR.

Have a look at the contributing guide to learn more.

🎓 Learning Gatsby Themes

Articles from lekoarts.de

• How I used Theme UI to build my Gatsby Themes library
• Setting up a Gatsby Themes workspace with TypeScript, ESLint & Cypress
• Specimens for Gatsby powered Design Systems
• Creating your own Status Dashboard with Gatsby

Official resources

• Gatsbyjs.com - Gatsby Themes
• Building a Theme
• Free egghead.io "Gatsby Theme Authoring" course

TODO

• fix MDX Blog
  • fix favicon and ogImage
  • use MdxBlog model
• [] use Strapi
• [] add theme translations
• [] add sub pages to navPage items
• [] document components (maybe using storybook)
• [] upgrade rehype-slug and rehype-sanitize once gatsby move to esm

gatsby-themes's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update dependency eslint to ^8.57.0
• chore(deps): update dependency eslint to v9

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update minor and patch dependencies for gatsby-theme-lucifero (@chakra-ui/react, @chakra-ui/system, @changesets/cli, @emotion/react, @emotion/styled, @imgix/gatsby, @svgr/webpack, @use-gesture/react, framer-motion, gatsby-plugin-breadcrumb, gatsby-plugin-emotion, gatsby-plugin-gdpr-cookies, gatsby-plugin-image, gatsby-plugin-lodash, gatsby-plugin-mdx, gatsby-plugin-mdx-embed, gatsby-plugin-nprogress, gatsby-plugin-react-helmet, gatsby-plugin-react-i18next, gatsby-plugin-robots-txt, gatsby-plugin-sharp, gatsby-plugin-sitemap, gatsby-plugin-typography, gatsby-remark-copy-linked-files, gatsby-remark-embed-video, gatsby-remark-images, gatsby-remark-prismjs, gatsby-remark-relative-images, gatsby-remark-responsive-iframe, gatsby-source-filesystem, gatsby-transformer-csv, gatsby-transformer-sharp, gatsby-transformer-yaml-full, gatsby-yaml-full-markdown, i18next, mdx-embed, moment, prismjs, react-country-flag, react-i18next, react-icons, react-typography, swiper, typography)
• chore(deps): update dependency eslint-plugin-import to ^2.29.1
• chore(deps): update dependency eslint-plugin-react to ^7.34.1
• chore(deps): update formatting & linting (eslint, eslint-config-prettier, eslint-plugin-import, eslint-plugin-jsx-a11y, eslint-plugin-prettier, eslint-plugin-react, eslint-plugin-react-hooks, prettier)
• chore(deps): update node.js to >=14.21.3
• fix(deps): update dependency @changesets/changelog-github to ^0.5.0
• fix(deps): update dependency @changesets/cli to ^2.27.2
• chore(deps): update formatting & linting (major) (eslint, eslint-config-prettier, eslint-plugin-prettier, prettier)
• chore(deps): update node.js to v20
• fix(deps): update major dependencies for gatsby-theme-lucifero (major) (@chakra-ui/gatsby-plugin, @chakra-ui/icons, @chakra-ui/react, @chakra-ui/system, @fec/remark-a11y-emoji, @mdx-js/mdx, @mdx-js/react, @svgr/webpack, @ungap/structured-clone, framer-motion, gatsby-plugin-emotion, gatsby-plugin-image, gatsby-plugin-lodash, gatsby-plugin-mdx, gatsby-plugin-nprogress, gatsby-plugin-react-helmet, gatsby-plugin-react-i18next, gatsby-plugin-sharp, gatsby-plugin-sitemap, gatsby-plugin-typography, gatsby-remark-copy-linked-files, gatsby-remark-images, gatsby-remark-prismjs, gatsby-remark-responsive-iframe, gatsby-source-filesystem, gatsby-transformer-csv, gatsby-transformer-sharp, gatsby-transformer-yaml-full, gatsby-yaml-full-markdown, i18next, mkdirp, react-error-boundary, react-i18next, react-icons, rehype-sanitize, rehype-slug, remark-unwrap-images, svgo, swiper, url-join)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

npm

package.json

• @changesets/changelog-github ^0.4.3
• @changesets/cli ^2.21.1
• eslint ^8.11.0
• eslint-config-airbnb ^19.0.4
• eslint-config-prettier ^8.5.0
• eslint-plugin-import ^2.25.4
• eslint-plugin-jsx-a11y ^6.5.1
• eslint-plugin-prettier ^4.0.0
• eslint-plugin-react ^7.29.3
• eslint-plugin-react-hooks ^4.3.0
• prettier ^2.5.1

themes/gatsby-theme-lucifero/package.json

• @chakra-ui/gatsby-plugin ^2.0.4
• @chakra-ui/icons ^1.1.7
• @chakra-ui/react ^1.8.6
• @chakra-ui/system ^1.11.2
• @changesets/cli ^2.21.1
• @emotion/core ^11.0.0
• @emotion/react ^11.8.2
• @emotion/styled ^11.8.1
• @fec/remark-a11y-emoji ^3.1.0
• @imgix/gatsby ^2.0.0
• @mdx-js/mdx ^1.6.22
• @mdx-js/react ^1.6.22
• @svgr/webpack ^6.2.1
• @ungap/structured-clone ^0.3.4
• @use-gesture/react ^10.2.9
• framer-motion ^6.2.8
• gatsby-plugin-breadcrumb ^12.3.1
• gatsby-plugin-emotion ^7.9.0
• gatsby-plugin-gdpr-cookies ^2.0.8
• gatsby-plugin-image ^2.9.1
• gatsby-plugin-lodash ^5.9.0
• gatsby-plugin-mdx ^3.9.1
• gatsby-plugin-mdx-embed ^1.0.0
• gatsby-plugin-nprogress ^4.9.0
• gatsby-plugin-react-helmet ^5.9.0
• gatsby-plugin-react-i18next ^1.2.2
• gatsby-plugin-robots-txt ^1.7.0
• gatsby-plugin-sharp ^4.9.1
• gatsby-plugin-sitemap ^5.9.0
• gatsby-plugin-svgr ^3.0.0-beta.0
• gatsby-plugin-typography ^4.9.0
• gatsby-remark-copy-linked-files ^5.9.0
• gatsby-remark-embed-video ^3.1.1
• gatsby-remark-external-links ^0.0.4
• gatsby-remark-images ^6.9.1
• gatsby-remark-normalize-paths ^1.1.0
• gatsby-remark-prismjs ^6.9.0
• gatsby-remark-relative-images ^2.0.2
• gatsby-remark-responsive-iframe ^5.9.0
• gatsby-remark-unwrap-images ^1.0.2
• gatsby-source-filesystem ^4.9.1
• gatsby-transformer-csv ^4.9.0
• gatsby-transformer-sharp ^4.9.0
• gatsby-transformer-yaml-full ^4.0.4
• gatsby-yaml-full-markdown ^4.1.0
• i18next ^21.6.14
• jaeger-client ^3.19.0
• lodash ^4.17.21
• mdx-embed ^1.0.0
• mdx-yaml-full ^2.0.0
• mkdirp ^1.0.4
• moment ^2.29.1
• prismjs ^1.27.0
• react-country-flag ^3.0.2
• react-error-boundary ^3.1.4
• react-helmet ^6.1.0
• react-i18next ^11.15.7
• react-icons ^4.3.1
• react-masonry-css ^1.0.16
• react-typography ^0.16.20
• react-wordcloud ^1.2.7
• rehype-sanitize ^4.0.0
• rehype-slug ^4.0.1
• remark-codesandbox ^0.10.1
• remark-unwrap-images ^3.0.1
• svgo ^2.8.0
• swiper ^8.0.7
• typography ^0.16.21
• url-join ^4.0.1
• zipkin ^0.22.0
• zipkin-javascript-opentracing ^3.0.0
• zipkin-transport-http ^0.22.0
• eslint ^8.11.0
• eslint-config-airbnb ^19.0.4
• eslint-plugin-import ^2.25.4
• eslint-plugin-react ^7.29.3
• node >=v14.19

---

• Check this box to trigger a request for Renovate to run again on this repository