Loading...

Gatsby JS - The Great Gatsby Bootcamp [Full Tutorial]

127,252 views

Loading...

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Apr 17, 2019

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.

Premium courses:

JavaScript: https://www.udemy.com/modern-javascript
Node.js (most popular): https://www.udemy.com/the-complete-no...
React: https://www.udemy.com/react-2nd-edition
GraphQL: https://www.udemy.com/graphql-bootcamp

Tables of contents:

1. Creating a Gatsby Site
- Timestamp: 0:38
- Code: https://s3-us-west-2.amazonaws.com/th...
2. Working with Gatsby Pages
- Timestamp: 14:50
- Code: https://s3-us-west-2.amazonaws.com/th...
3. Linking Between Pages with Gatsby
- Timestamp: 27:00
- Code: https://s3-us-west-2.amazonaws.com/th...
4. Creating Shared Page Components
- Timestamp: 35:56
- Code: https://s3-us-west-2.amazonaws.com/th...
5. Creating Gatsby Page Layouts
- Timestamp: 48:14
- Code: https://s3-us-west-2.amazonaws.com/th...
6. Styling Gatsby Projects
- Timestamp: 56:13
- Code: https://s3-us-west-2.amazonaws.com/th...
7. Styling Gatsby with CSS Modules
- Timestamp: 1:06:49
- Code: https://s3-us-west-2.amazonaws.com/th...
8. Gatsby Data with GraphQL
- Timestamp: 1:28:23
- Code: https://s3-us-west-2.amazonaws.com/th...
9. GraphQL Playground
- Timestamp: 1:47:12
- Code: https://s3-us-west-2.amazonaws.com/th...
10. Sourcing Content from the File System
- Timestamp: 1:51:32
- Code: https://s3-us-west-2.amazonaws.com/th...
11. Working with Markdown Posts
- Timestamp: 2:03:37
- Code: https://s3-us-west-2.amazonaws.com/th...
12. Generating Slugs for Posts
- Timestamp: 2:19:00
- Code: https://s3-us-west-2.amazonaws.com/th...
13. Dynamically Generating Pages
- Timestamp: 2:35:14
- Code: https://s3-us-west-2.amazonaws.com/th...
14. Rendering Post Data in Blog Template
- Timestamp: 2:52:08
- Code: https://s3-us-west-2.amazonaws.com/th...
15. Adding Images to Posts
- Timestamp: 3:03:28
- Code: https://s3-us-west-2.amazonaws.com/th...
16. Getting Started with Contentful
- Timestamp: 3:21:19
- Code: https://s3-us-west-2.amazonaws.com/th...
17. Rendering Contentful Posts
- Timestamp: 3:38:29
- Code: https://s3-us-west-2.amazonaws.com/th...
18. Dynamic Pages from Contentful
- Timestamp: 3:49:24
- Code: https://s3-us-west-2.amazonaws.com/th...
19. 404 Pages and React Helmet
- Timestamp: 4:10:18
- Code: https://s3-us-west-2.amazonaws.com/th...
20. Deploying Your Gatsby Site
- Timestamp: 4:25:38
- Code: https://s3-us-west-2.amazonaws.com/th...

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.

Loading...

When autoplay is enabled, a suggested video will automatically play next.

Up next


to add this to Watch Later

Add to

Loading playlists...