5. Restaurant Project

  1. Intro.mp4

  2. Workspace Setup.mp4

  3. Setup Video.mp4

  3.1 gatsby-restaurant.zip.zip

  5. Gatsby Folder Structure.mp4

  6. Deploy On Netlify.mp4

  7. Project Spring Cleaning.mp4

  8. Use CSS in Gatsby.mp4

  9. Use Bootsrap in Gatsby.vtt

  10. Use SASS in Gatsby.vtt

  11. Use Styled-Components in Gatsby.vtt

  12. Use React-Icons in Gatsby.vtt

  13. Navbar Component.vtt

  14. Navbar Component State and Methods.vtt

  15. Navbar Header Component.vtt

  17. Navbar Links Component.mp4

  18. Navbar Links CSS.mp4

  19. Navbar Links Screen Size.mp4

  20. Navbar Icons Component.mp4

  21. Pages Setup.mp4

  22. Push To GithubDeploy on Netlify.mp4

  23. Home Header Component.mp4

  24. Page Header Component.mp4

  25. Styled Components Extension.mp4

  26. Banner Component.mp4

  27. Banner Button.mp4

  28. Quick Info Section.mp4

  29. Section Title Component.vtt

  30. Section Button.vtt

  31. Quick Info Section Completed.vtt

  32. Footer Component.vtt

  33. Footer Component Bug Fix.vtt

  34. Gatsby Starter Project.vtt

  35. Gatsby Image Plugin.vtt

  36. Gallery Section Basics.vtt

  37. Gallery Section StaticQuery.vtt

  38. Gallery Section Request Multiple Images.vtt

  39. Gallery Section CSS Grid.vtt

  40. Gallery Section Request Multiple Images in one Query.vtt

  41. Gallery Section Modified.vtt

  42. Contenful Service Setup.vtt

  43. Access Data.vtt

  44. Environment Variables.vtt

  45. Menu Component.vtt

 udemycoursedownloader.com.url

 1. Course Info

  1. Gatsby Intro.vtt

  2. Course Info.vtt

  3. Course Requirements.vtt

  4. Video Blur Fix.vtt

  5. Course Review.vtt

  6. VS STUDIO CODE SETUP.vtt

 2. Backroads Tutorial Project

  1. Section Intro.vtt

  2. Project Intro.vtt

  3. Setup Files.vtt

  4. Bootstrap Gatsby Application.mp4

  4.1 2-bootstrap-gatsby-application.zip.zip

  5. Folder Structure.vtt

  6. Creating Pages.mp4

  6.1 4-pages.zip.zip

  7. Gatsby Link Component.vtt

  8. Layout Component.mp4

  8.1 6-layout-component.zip.zip

  9. Styling Intro.vtt

  10. Inline CSS.vtt

  11. Global CSS.mp4

  11.1 9-global-css.zip.zip

  12.1 10-file-css.zip.zip

  13. CSS Module.vtt

  14. Bootstrap.mp4

  14.1 12-bootstrap.zip.zip

  15. Gatsby Config and SASS.vtt

  16. Project Global CSS.mp4

  16.1 14-project-main-css.zip.zip

  17. React-Icons and Constants.vtt

  18. Navbar.mp4

  18.1 16-navbar.zip.zip

  19. Footer.vtt

  20. Simple Hero.mp4

  20.1 18-simple-hero.zip.zip

  21. Banner.vtt

  22. Error Page.mp4

  22.1 20-error-page.zip.zip

  23. CSS Fix.vtt

  24. Styled Components Intro.mp4

  24.1 22-styled-comp-intro.zip.zip

  25. Styled Components Basics.vtt

  26. Props With Styled Components.mp4

  26.1 24-styled-props.zip.zip

  27.1 25-title-component.zip.zip

  28. Alternate Syntax.vtt

  29. About Section.mp4

  29.1 27-about-section.zip.zip

  30. Services Section.vtt

  31. Hosting Intro.mp4

  32. Drag and Drop.mp4

  33. Continuous Deployment.mp4

  34. Gatsby and GraphQL Intro.mp4

  35. Gatsby DataLayer in a Nutshell.mp4

  36. GraphiQL Interface.mp4

  37. siteMetadata.mp4

  37.1 35-site-meta-data.zip.zip

  38. First Query.vtt

  39. Render Intro.vtt

  40. useStaticQuery Hook.vtt

  41. External Variables.vtt

  42. Query Keyword.mp4

  43. StaticQuery.mp4

  44. PageQuery.mp4

  45. gatsby-source-filesystem.mp4

  45.1 43-gatsby-source-filesystem.zip.zip

  46. allFile field.vtt

  47. Arguments.vtt

  48. file field.vtt

  49. gatsby-image plugin setup.vtt

  50. Query Images with gatsby-image.vtt

  52. Gatsby-Image Fluid Details.mp4

  53. About Image Fix.mp4

  54. Background-Image-Plugin.mp4

  55. Setup Home Page Background.mp4

  56. StyledHero Component Details.mp4

  57. Adding Background Images To All Pages.mp4

  58. Transition Link Plugin.mp4

  58.1 57-page-transitions.zip.zip

  59. Contact Page.vtt

  60. Adding Labels.mp4

  60.1 59-labels.zip.zip

  61. FormSpree Service.vtt

  62. External Data Intro.mp4

  63. Headless CMS Intro.mp4

  64. Contentful Intro.mp4

  65. Contentful Interface.mp4

  66. Content Model.mp4

  67. Content.mp4

  68. Connect To Contentful.mp4

  68.1 api-keys.zip.zip

  69. env variables.vtt

  70. Prima's GraphQL Playground Intro.vtt

  71. Install Prisma's GraphQL Playground.vtt

  72. Setup Tours Queries.vtt

  73. Featured Tours Component.vtt

  74. Featured Tours Fixes.mp4

  74.1 73-featured-tours-fix.zip.zip

  75. Tour Component.vtt

  76. Tours Component.mp4

  76.1 75-tours-component.zip.zip

  77. Simple Default Props.vtt

  78. Image Default Props.mp4

  78.1 77-image-props-fix.zip.zip

  79. Creating Template.vtt

  80. gatsby-node.mp4

  80.1 79-node-api.zip.zip

  81. Query Variables.vtt

  82. Single Tour Query.vtt

  83. Template Setup.vtt

  84. Single Tour Page.vtt

  85. Single Day Component.vtt

  87. Blogs Contentful Setup.mp4

  88. Posts Query.mp4

  89. Posts Query Arguments.mp4

  90. BlogList Component.mp4

  90.1 89-bloglist.zip.zip

  91. Blog Card Component.vtt

  92. Setup Blog Pages.mp4

  92.1 91-setup-blog-pages.zip.zip

  93. Single Blog Query.vtt

  94. Blog Template Setup.vtt

  95. Rich Text Setup.mp4

  95.1 94-render-rich-text.zip.zip

  96. Render Images in Rich Text Field.vtt

  97. Render Another Post in Rich Text Field.mp4

  97.1 96-render-another-post.zip.zip

  98. Pagination Setup.vtt

  99. Blogs Template Setup.vtt

  100. Create Pages.mp4

  100.1 99-create-pages.zip.zip

  101. Blog List Template.vtt

  102. Numbering.mp4

  102.1 101-pagination-numbering.zip.zip

  103. Prev and Next Links.vtt

  104. SEO Setup.mp4

  104.1 103-setup.zip.zip

  105. SEO Options.vtt

  106. Basic SEO.vtt

  107. Query siteMetadata.mp4

  107.1 106-seo+siteMetadata.zip.zip

  108. Twitter Cards.vtt

  109. Facebook Cards.mp4

  109.1 108-facebook-cards.zip.zip

  110.1 109-adding-seo-to-all-pages.zip.zip

  111. sitemap and robots.txt.vtt

  112. Shared Hosting.mp4

 3. Gatsby MDX Blog Project

  1. Bootstrap Application.vtt

  2. Folder Structure.mp4

  2.1 4-folder-structure.zip.zip

  3. Layout Component.vtt

  4. Mdx Install.mp4

  4.1 6-mdx-install.zip.zip

  5. Create First MDX.vtt

  6. Style Code Block.mp4

  6.1 8-styling-mdx.zip.zip

  7. Add Counter.vtt

  8. Getting Images.mp4

  9. Setting Up Posts.mp4

  9.1 11-setting-posts.zip.zip

  10. FrontMatter.vtt

  11. Plugins.mp4

  11.1 13-plugins.zip.zip

 4. Coffee Shop Project

  1. Intro.vtt

  2. Workspace Setup.vtt

  3. Setup Files and Future Resources.vtt

  4. Spring Cleaning.mp4

  5. Project Coffee Cup Icon.mp4

  6. Adding Bootstrap.mp4

  7. Adding React Icons.mp4

  8. Netlify - Github - Pipeline Setup.mp4

  9. Netlify - Github - Pipeline Completed.mp4

  9.1 gatsby-coffee-1-basic-project.zip.zip

  10. Navbar Component.vtt

  11. Basic CSS.vtt

  12. Netlify-Github Pipeline Revisited.vtt

  13. Background Image Component.mp4

  13.1 gatsby-coffee-3-background-image.zip.zip

  14. Info Section and Title Component.vtt

  15. Footer Component.mp4

  15.1 gatsby-coffee-5-footer-component.zip.zip

  16. About Page.vtt

  17. Contentful Intro.mp4

  18. Contentful Setup.mp4

  19. Content Model Setup.mp4

  20. Add Content Items.mp4

  21. Connect Gatsby Application to Contentful.mp4

  22. Creating Build Variables on Netlify.mp4

  22.1 gatsby-coffee-project-7-connected-to-contentful.zip.zip

  23. Resources Folder Details.mp4

  23.1 gatsby-coffee-project-7-connected-to-contentful.zip.zip

  24. Coffe Item GraphQL Query.vtt

  25. Menu Component Initial Setup.vtt

  26. Display Coffee Items.mp4

  26.1 gatsby-coffee-project-9-display-coffee-items.zip.zip

  27.1 10-gatsby-coffee-filter-categories-master.zip.zip

  28. Adding Product Content Model and Extra Category.vtt

  29. Testing Product Query.vtt

  30. Rendering Products.vtt

  31. Contact Section.mp4

  31.1 12-gatsby-coffee-contact-section.zip.zip

  32. Add Formspree Service.vtt

  33. Snipcart Intro.vtt

  34. Connect Gatsby to Snipcart.vtt

  35. Snipcart Setup.mp4

  35.1 finished-gatsby-coffee-project.zip.zip

  36. Testing Snipcart.vtt

  37. Webhooks.vtt

  38.1 finished-gatsby-coffee-project.zip.zip

 6. Gatsby Tutorial Only

  1. Introduction.vtt

  2. What is Gatsby.vtt

  3. What is Contentful.vtt

  4. What is Netlify.vtt

  5. Install Gatsby.vtt

  6. Folder Structure Basics.vtt

  7. Folder Structure Source Folder.vtt

  8. Inline CSS - Global CSS.vtt

  9. Add SASS.mp4

  9.1 2-adding-sass.zip.zip

  10. Adding Bootstrap.vtt

  11. Adding Styled Components.vtt

  12. Styled Components - Global Styles.vtt

  13. Icons - React Icons.vtt

  14. Create Pages.vtt

  15. Links.vtt

  16. Creating Components.vtt

  17. GraphQL Intro.vtt

  18. Gatsby Data Layer in a Nutshell.vtt

  19. GraphiQL Interface.vtt

  20. First Query - Get Site MetaData.vtt

  21. Second Query - Get all Images.vtt

  22. Query Arguments.vtt

  23. StaticQuery.vtt

  24. Layout Component.vtt

  25. PageQuery.vtt

  26. Basic Image.vtt

  27. Gatsby image-plugin.vtt

  28. Fixed Images.vtt

  29. Fluid Images.vtt

  30. Image File.vtt

  31. Contentful Intro.vtt

  33. Connecting To Contentful.mp4

  34. Environment Variables.mp4

  35. GraphiQL Contentful.mp4

  36. Display Contentful Products.mp4

  37. Create Product Template.mp4

  38. Create Pages Intro.mp4

  39. Create Pages.mp4

  40. GraphQL Query Variables.mp4

  41. Complete Product Template.mp4

  42. Deploy On Netlify.mp4

  43. Site Changes Hooks.mp4

  44. Finished Project Code.html