How to Create & Style Header , Menu , Index in Gatsby js | BLOG Website By Gatsby.js | Tutorial #6 |

Опубликовано: 07 Апрель 2026
на канале: Amir's Diary
114
3

Hi,
I am aap ka apna sheikh bhai , welcome to our youtube channel, All FACT
__________________________
** In This VIDEO we will discuss **
_____________________________
Create custom hook use site component (0:00)
Create Header Component(09:41)
Styling Header Component (15:08)
Crate Menu Component(19:42)
Styling Menu Component(25:57)
Create Hamburger Component(31:49)
Styling Hamburger Component (34:23)
Header-Mobile Menu - Index (43:17)
Header-Mobile Menu- Styles (47:11)
Creating Home Page (57:06)
Creating Page Query (1:04:19)
Image Query (1:16:00)
Home Banner Index (1:23:02)
Creating Custom hook for banners(1:25:09)
Creating Index for Background (1:33:29)
Styling Background Image (1:35:30)
Styling Home Banner Component(1:42:52)
Creating Index for Blog Post Component (1:49:57)
Styling Blog Post Card (1:55:22)
Finishing Home Page (2:01:37)
__________________________
COPYRIGHT DISCLAIMER
Copyright disclaimer under Section 107 of the copyright Act of 1976, allowance is made for "fair use" for purpose such as criticism, comment, news reporting, teaching, scholarship, education and research. Fair use is a use permitted by copyright status that might otherwise be infringing."
__________________________
I hope you like this video subscribe the channel, aur is video ko jyada logo ko share karo .
Thankyou so much for watching this video.
_________________________________________________________________________