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:
-
Install the theme
npm install --save gatsby-theme-elemetns
-
Add the theme to your
gatsby-config.js
:module.exports = { plugins: [ 'gatsby-theme-elements' ] }
-
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” ---
- 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’
- Start your site
gatsby develop