React Website Using Gatsby JS - Responsive Project with Gatsby Image

React Website Using Gatsby JS - Responsive Project with Gatsby Image

Brian Design via YouTube Direct link

What we are building

1 of 16

1 of 16

What we are building

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React Website Using Gatsby JS - Responsive Project with Gatsby Image

Automatically move to the next video in the Classroom when playback concludes

  1. 1 What we are building
  2. 2 Creating new Gatsby Project
  3. 3 Starting Gatsby Site
  4. 4 Editing pages
  5. 5 Creating Navbar Components
  6. 6 Installing styled-components
  7. 7 Editing Layout CSS
  8. 8 Creating Hero Section
  9. 9 Getting Images
  10. 10 Creating Button
  11. 11 Creating Gatsby Image with Graphql
  12. 12 Adding Images to home page
  13. 13 Adding Image CSS
  14. 14 Creating Footer Component
  15. 15 Editing Image Page
  16. 16 Editing Destinations Page

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.