LEARN GATSBY JS
Introduction
Gatsby is a React-based open-source framework for creating websites and apps. It's great whether you're building a portfolio site or blog, or a high-traffic e-commerce store or company homepage.
In simple words, Gatsby is a static site generator for React where you build sites that will display static data just like any other static sites(like this blog site) but it's done dynamically.
You can build sites with the services you want(like Shopify, Stripe, and WordPress) quickly and easily with Gatsby’s 2000+ plugins. Also you can integrate data from anywhere: APIs, databases, CMSs, static files — or multiple sources at once.
Topics to cover
Basics
- Creating & styling components
- Creating pages
- Gatsby Images(Fluid & Fixed Childsharp)
- Basics of GraphQL(queries)
- useStaticQuery
Intermediate
- Adding plugins
- Gatsby Source Filesystem
- Gatbsy Background Image(Fluid & Fixed Childsharp)
- Create pages programatically
Advanced
- Integrating with any CMS(like Contentful) or local static files(like .md or .mdx) or APIs
- Fetching queries and adding data dynamically
Resources to learn & code projects
That's it from this blog post. If you liked it then do share this blog with your friends or people who wanna get into programming world. Thank You!