Prerequisite

• General Knowledge of how static site generator works
• GraphQL - Gatsby uses GraphQL to manage all its data
• React
• CSS Modules

Get Started

1. Choose a starter
2. Upgrade dependencies
3. Convert js/jsx files to ts/tsx files
4. Create Content / Write Post
5. Deployment / Github Page, Custom domain

A list of plugins used in this blog

• gatsby-remark-graphviz
• gatsby-remark-prismjs

Debug Gatsby Application

• Debugging

Caveats

• Dependencies Hell
• Gatsby Cache