Gatsby is a framework for creating blazing fast websites and web applications. Powered by React and GraphQL, Gatsby gives you everything you need to build and launch your next project.

Tables of contents:

1. Creating a Gatsby Site

• Timestamp: 0:38
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-02-creating-site.zip

2. Working with Gatsby Pages

• Timestamp: 14:50
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-03-gatsby-pages.zip

3. Linking Between Pages with Gatsby

• Timestamp: 27:00
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-04-linking-pages.zip

4. Creating Shared Page Components

• Timestamp: 35:56
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-05-shared-components.zip

5. Creating Gatsby Page Layouts

• Timestamp: 48:14
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-06-page-layout.zip

6. Styling Gatsby Projects

• Timestamp: 56:13
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-07-styling-gatsby.zip

7. Styling Gatsby with CSS Modules

• Timestamp: 1:06:49
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-08-css-modules.zip

8. Gatsby Data with GraphQL

• Timestamp: 1:28:23
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-09-graphql.zip

9. GraphQL Playground

• Timestamp: 1:47:12
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-10-playground.zip

10. Sourcing Content from the File System

• Timestamp: 1:51:32
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-11-file-system.zip

11. Working with Markdown Posts

• Timestamp: 2:03:37
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-12-transform-markdown.zip

12. Generating Slugs for Posts

• Timestamp: 2:19:00
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-13-creating-pages.zip

13. Dynamically Generating Pages

• Timestamp: 2:35:14
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-14-post-pages.zip

14. Rendering Post Data in Blog Template

• Timestamp: 2:52:08
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-15-render-post-data.zip

15. Adding Images to Posts

• Timestamp: 3:03:28
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-16-add-images.zip

16. Getting Started with Contentful

• Timestamp: 3:21:19
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-17-contentful.zip

17. Rendering Contentful Posts

• Timestamp: 3:38:29
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-18-contentful-posts.zip

18. Dynamic Pages from Contentful

• Timestamp: 3:49:24
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-19-contentful-pages.zip

19. 404 Pages and React Helmet

• Timestamp: 4:10:18
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-20-helmet.zip

20. Deploying Your Gatsby Site

• Timestamp: 4:25:38
• Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-21-deploy.zip

If you’re building websites or web applications, you need to check out Gatsby.

Gatsby is a framework for creating blazing fast websites and web applications. Powered by React and GraphQL, Gatsby gives you everything you need to build and launch your next project.

With Gatsby, you can create:

1. A personal site with a blog powered by markdown.
2. A complex company website powered by a CMS such as Contentful or WordPress.
3. A cutting-edge web application with authentication, data storage, and more.

In this 5-hour tutorial, I’ve put together everything you need to build and launch your first site with Gatsby. You’ll build a website from scratch and learn how to get it deployed to production.

Subscribe: https://www.youtube.com/user/andrewjosephmead1/featured

#gatsby #web-development