Главная
Study mode:
on
1
What we are building
2
Creating new Gatsby Project
3
Starting Gatsby Site
4
Editing pages
5
Creating Navbar Components
6
Installing styled-components
7
Editing Layout CSS
8
Creating Hero Section
9
Getting Images
10
Creating Button
11
Creating Gatsby Image with Graphql
12
Adding Images to home page
13
Adding Image CSS
14
Creating Footer Component
15
Editing Image Page
16
Editing Destinations Page
Description:
Embark on a comprehensive tutorial to build a responsive React website using Gatsby JS and Gatsby Image. Learn to create a new Gatsby project, develop essential components like a Navbar and Footer, and implement styled-components for efficient styling. Master the art of integrating images using GraphQL queries and enhance your skills in editing various pages, including the home, image, and destinations pages. Gain hands-on experience in crafting a Hero section, designing custom buttons, and optimizing layout CSS for a polished final product. This beginner-friendly guide offers step-by-step instructions to create a fully functional, visually appealing Gatsby-powered website.

React Website Using Gatsby JS - Responsive Project with Gatsby Image

Brian Design
Add to list
0:00 / 0:00