Note: This is part of Learning GatsbyJS post series. This learning post is still in active development and updated regularly. In the previous two learning note posts series: Learning GatsbyJS and Adding Functionality to Gatsby sites, basic Gatsby setup, adding posts, and adding functionalities (eg. typograpgy, images, tags, navigation) were discussed.  The next logical step […]

Note:This is part 5 of five-parts adding functionality to Gatsby site series. This learning post is still in active development and updated regularly. In the previous learning-note posts series, creating posts with markdown, adding images & prismJS syntax highlighter, and typography were described. The next logical step to add functionality to the site is to […]

Note: This is part 4 of five-parts adding functionality to Gatsby site series. This learning post is still in active development and updated regularly. In the previous learning-note posts series, creating posts with markdown, how images & prismJS syntax highlighter, and typography are added to the posts were described. The next logical step to add […]

Note: This is part 3 of five-parts adding functionality to Gatsby site series. This learning post is still in active development and updated regularly. In a previous posts in this series, adding syntax highlighting with PrismJs and Styling Gatsby Site with Typography & Sass Plugins were discussed. Images are integral part of any website however […]

Note: This is part 2 of five-parts adding functionality to Gatsby site series. This learning post is still in active development and updated regularly. In a previous post, Understanding Gatsby Building Blocks, adding basic styling in Gatsby site with traditional single style sheet (eg. style.css) and Gatsbyjs recommended CSS module were discussed briefly. Gatsby developers […]

Note:This is part 1 of five-parts adding functionality to Gatsby site series. This learning post is still in active development and updated regularly. In the previous Gatsby learning-note post 4-parts series, Gatsby setup & installation, understanding its building blocks, overview of Gatsby Plugins & GraphQL and programmatically creating pages were discussed. Because Gatsby is designed […]

Note: This is part 4 of four-parts Learning GatsbyJs series. This learning post is still in active development and updated regularly. In the previous part 3 of the four-parts series, step-by-step procedures to install & configure Gatsby plugins, gatsby-source-filesystem and gatsby-trasformer-filesystem to the hello starter site were discussed. Use of these plugins together with GraphQL […]