Gatsby JS | Build a personal blog using gatsbyJS
- Description
- Curriculum
- FAQ
- Reviews
Learn to build blazing fast apps and websites with React using Gatsby, a static PWA (Progressive Web App) generator! Starting from scratch, you’ll learn to build a full blog app
Gatsby is a React-based, GraphQL powered static site generator. It combines together the best parts of React, webpack, react-router, GraphQL, and other front end tools to provide excellent developer experience. Gatsby is far more than typical static site generator though. You can think of it more like a modern front-end framework.
Find out how to work with Gatsby pages, assets, and components, and style your sites using styled components.
Use GraphQL in Gatsby for storing and retrieving data, create pages and posts with Markdown, optimize your images automatically with the gatsby-image.
Learn Gatsby JS and be a top contender for modern Front End developer jobs!
Want to learn one of the hottest things in Web Development in 2021?
Do you already know some React and want to push forward from there?
Do you enjoy project oriented and fast paced courses?
Do you want to learn quick and straight down to the point?
Would you like to Improve your insight, esteem and be a top competitor in enlistment measures?
Then this is the course for you!
-
20
create custom hook useSiteConfigQueryHook -
21
Create Header Component
-
22
Styling Header Component
-
23
Create Menu Component
-
24
Styling Menu Component
-
25
Create Hamburger Component
-
26
Styling Hamburger Component
-
27
Header - Mobile Menu - Index
-
28
Header - Mobile Menu - Styles
-
29
Creating Home Page
-
30
Creating Page Query
-
31
Image Query
-
32
Home Banner Index
-
33
creating custom hook for banner image
-
34
Creating Index for Background Image
-
35
Styling Background Image
-
36
Styling Home Banner Component
-
37
Creating Index for Blog Post Card Component
-
38
Styling Blog Post Card
-
39
Finishing Home Page
