Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course
Play lesson

React Tutorials - The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

4.0 (1)
13 learners

What you'll learn

This course includes

  • 94.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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 ❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba) ⭐️ 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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere