Gatsby JS - The Great Gatsby Bootcamp [Full Tutorial]
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.