Skip to main content
Community Plugin
View plugin on GitHub
See starters using this

Gatsby Theme Elements

This is a Gatsby theme built for Theme Jam.

See the live demo

Installation

To use this theme in your Gatsby sites, follow these instructions:

  1. Install the theme

    npm install --save gatsby-theme-elemetns
  2. Add the theme to your gatsby-config.js:

    module.exports = {
      plugins: [
        'gatsby-theme-elements'
      ]
    }
  3. Create src/articles/ folder for .md articles with the following frontmatter

--- date: “2019-06-23” title: “Quis ad eiusmod qui irure” tags: [‘javascript’, ‘webdev’, ‘tutorial’, ‘node’, ‘career’, ‘css’] image: “./images/index.jpg” ---

  1. Create src/stories/stories.yaml with the following structure

- caption: ‘Develop React or React native with backend Nodejs Laravel’ image: ‘react’

- caption: ‘Create a Gatsby website connected to a headless CMS’ image: ‘gatsby’

- caption: ‘Develop iOS and Android app using Flutter with back end’ image: ‘flutter’

  1. Start your site

    gatsby develop
Docs
Tutorials
Plugins
Blog
Showcase