The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

Published: 15 May 2019
on channel: freeCodeCamp.org
88,783
1.9k

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. In this tutorial, you will learn 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.

💻 Course created by Andrew Mead. Follow him on Twitter:   / andrew_j_mead  

Andrew Mead's premium courses:
🔗 Node.js (most popular): http://links.mead.io/fccnode
🔗 JavaScript: http://links.mead.io/fccjs
🔗 React: http://links.mead.io/fccreact
🔗 GraphQL: http://links.mead.io/fccgraphql

⭐️ Course 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...

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org


Watch video The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course online without registration, duration hours minute second in high quality. This video was added by user freeCodeCamp.org 15 May 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 88,78 once and liked it 1.9 thousand people.