Up next


The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

1 Views
AI Lover
3
Published on 10/01/23 / In How-to & Learning

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

--

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

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

Show more
0 Comments sort Sort By

Up next