What you will learn

How to building blazing fast website using Gatsby

How to add styles using tailwindcss

How to build and use reuseable components like Layout

How to use markdown files to generate data for blog

How to deploy Gatsby website to Netlify

Description

Learn Gatsby and build a website

In this course, you will be learning the fundamentals of Gatsby so that you can build your own blazing fast blog website with Gatsby
Gatsby is a free and open-source framework based on React that helps developers build blazing-fast websites and apps

We will start with an introduction to Gatsby, then set up the development environment so that you can follow along.
After getting familiar with the file structure of the project we will cover the fundamentals like adding styles to the page. How to add data in Gatsby using GraphQL and then with the knowledge we gain. We will build our own travel blog website.


Get Instant Notification of New Courses on our Telegram channel.


At last, we deploy our blazing-fast website online with the help of Netlify

English
language

Content

Introduction to Gatsby

Introduction
How Gatsby works?
Setup development environment

Fundamentals of Gatsby

Getting familiar with project sturcture
Styling in Gatsby
Adding tailwindcss for styling

Gatsby building blocks

Creating Layout in Gatsby
Add Data in Gatsby
Write first GraphQL query in Gatsby
Optimise image using Gatsby Image

Let’s build blog website

How to add data for blog in Gatsby
Dynamically creating blog pages
Add Image and style to blog post
Build blogs page for blog listing

Deploy Gatsby website to Netlify

Deploy Gatsby website to Netlify