The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=kzWIUX3CpuI


Duration: 4:38:37
87,371 views
1,968

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: https://twitter.com/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/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

--

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

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



Other Videos By freeCodeCamp.org


2019-06-12Statistics - A Full University Course on Data Science Basics
2019-06-11AWS AppSync Tutorial - GraphQL APIs with AppSync, Amplify and Angular
2019-06-10Intro to HTML & CSS - Tutorial
2019-06-10React Native Browser Editor (P8D1) - Live Coding with Jesse
2019-06-06R Programming Tutorial - Learn the Basics of Statistical Computing
2019-05-30Learn Data Science Tutorial - Full Course for Beginners
2019-05-28Learn Flask for Python - Full Tutorial
2019-05-24E-Commerce JavaScript Tutorial - Shopping Cart from Scratch
2019-05-21Intro to Java Programming - Course for Absolute Beginners
2019-05-17Ionic Framework 4 - Full Tutorial - iOS / Android App Development
2019-05-15The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course
2019-05-14Reinforcement Learning Course - Full Machine Learning Tutorial
2019-05-09Symfony PHP Framework Tutorial - Full Course
2019-05-08Code a magic card trick using JavaScript & Node.js - Tutorial
2019-05-07Laravel PHP Framework Tutorial - Full Course for Beginners (2019)
2019-05-02Python for Everybody - Full University Python Course
2019-05-01React Native Web Styling Part 2 (P7D13) - Live Coding with Jesse
2019-04-30Learn HTML5 and CSS3 From Scratch - Full Course
2019-04-25APIs in React Tutorial - Recipe App using React Router
2019-04-24React Native Web Styling (P7D12) - Live Coding with Jesse
2019-04-23Django Rest Framework & React Tutorial: Learning Management System (Blackboard / Moodle Clone)


Tags:
gatsby js
gatsby
react
graphql
javascript
static site generators
tutorial
gatsby tutorial
gatsby course
gatsby js tutorial
gatsby tutorial for beginners
gatsbyJS