Introduction to Gatsby
Gatsby is a free and open source framework based on React. It is a blazing fast modern site generator for React.
Why to use Gatsby? 🎉
- Support Markdown Files - Support Graphql queries - Support StyledComponents - Image lazyloading - Plugin for everything - Awesome community - and lots more.
How to start a project
1. Install Gatsby
This command will install the gatsby cli on your system 😄
npm install -g gatsby-cli
Create a project
new is the command to create a new project, we are using the helloworld starter provided by gatsby to create a new project.
gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
When creating a new Gatsby site, you can use the following command structure to create a new site based on any existing Gatsby starter:
gatsby new [SITE_DIRECTORY_NAME] [URL_OF_STARTER_GITHUB_REPO]
You provide configuration to the Typography.js JS api and it uses its Typography engine to generate CSS for block and inline elements.