Skip to content
Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.
JavaScript TypeScript HTML Other
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci feat: Add jest (#30) Aug 8, 2019
.github fix(actions): Wrong branch name Aug 20, 2019
cypress fix: Modify footer links (#52) Aug 24, 2019
examples chore(release): Publish Aug 24, 2019
jest feat: Add jest (#30) Aug 8, 2019
plop-templates feat: Add `gatsby-theme-emma-core` (#49) Aug 23, 2019
scripts chore: Change ssat from previous commit Aug 5, 2019
themes chore(gatsby-theme-status-dashboard): Update CHANGELOG Aug 24, 2019
www feat(www): Add RSS Feed (#51) Aug 24, 2019
.eslintignore feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
.eslintrc.js feat: Add `gatsby-theme-emma-core` (#49) Aug 23, 2019
.gitignore feat: Add jest (#30) Aug 8, 2019
.npmignore feat: Add jest (#30) Aug 8, 2019
.prettierignore feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
CODE_OF_CONDUCT.md chore: Format CoC Aug 12, 2019
LICENSE feat: Add CircleCI config (#15) Aug 1, 2019
README.md chore: Add blog links to root README Aug 7, 2019
cypress.json feat: Add Cypress (#16) Aug 2, 2019
jest.config.base.js feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
jest.config.js feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
lerna.json chore: Update lerna config to also include examples Aug 20, 2019
lint-staged.config.js feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
netlify.toml add netlify.toml Jul 17, 2019
package.json feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
plopfile.js chore: Add FUNDING & gitignore to examples, update plop files Aug 19, 2019
renovate.json fix: Dependency & renovate updates (#48) Aug 20, 2019
tsconfig.json feat: Add gatsby-theme-specimens (#40) Aug 19, 2019
yarn.lock fix(deps): Update all dependencies (#53) Aug 24, 2019

README.md

LekoArts

Free & Open Source Gatsby Themes by LekoArts

@lekoarts/gatsby-themes is released under the MIT license. CircleCI Status PRs welcome! Follow @lekoarts_de

Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options. Use Gatsby Themes to take your project to the next level and let you and your customers take advantage of the many benefits Gatsby has to offer.

💼 Contents

This repository is a collection of my Gatsby themes, managed as a monorepo with Lerna and yarn workspaces.

  • .circleci: Contains the configuration file for CircleCI
  • cypress: Contains the Cypress tests for examples
  • examples: Contains the corresponding example sites for the themes. These projects can and should be used as a starter and will be copied over to their own repository. Hence they contain example data and additional Gatsby plugins (e.g. gatsby-plugin-manifest and gatsby-plugin-offline). The folder names are the contents after gatsby-theme-*
  • scripts: In order to run the tests on CircleCI some utility bash scripts are needed which are located here
  • themes: Contains the themes themselves. They should only have the bare minimum of plugins installed (as examples can expand them) and also use Theme UI for styling. The naming of the folders must be gatsby-theme-[name-with-dashes] and the package name under the scope of @lekoarts
  • www: Contains the source code for themes.lekoarts.de

🤝 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

In the case of examples/emma this command would be yarn workspace emma 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 (unit and end-to-end tests) which you can also run on your machine in preparation for the PR.

Testing

Cypress

The Cypress tests are written in TypeScript, too, and hence need to be compiled before usage. Run the following script for development:

bash ./scripts/e2e-dev.sh "example-name"

In the case of examples/emma the "example-name" would be "emma".

The script starts tsc in watch mode (for the files in cypress/e2e) and outputs them to cypress/e2e/build + starts start-server-and-test with Gatsby's development server and Cypress. Once the Cypress GUI opens select the fitting test (the others won't work, only the respective test + smoke.js!).

CircleCI will run the e2e-build.sh script — you can use it to run the tests headless.

You can skip the e2e tests if you use docs or www in your branch name, e.g. docs/improve-readme or www/add-new-entry.

🤩 Newsletter

If you want to receive monthly updates on my themes and all things related to Gatsby themes (relevant blog posts from me and other people) you can subscribe to my newsletter.

🎓 Learning Gatsby Themes

Articles from lekoarts.de

Official resources

You can’t perform that action at this time.