Dive into a comprehensive 5-hour course on building a portfolio project using Gatsby and Strapi. Learn to leverage the power of Gatsby, a fast static site generator, and Strapi, the popular open-source Headless CMS based on Node.js. Master JavaScript-based web development as you progress through topics including navbar creation, hero image queries, content type setup, and connecting Gatsby to Strapi. Explore advanced concepts such as programmatically creating blog pages, implementing SEO strategies, and deploying to Netlify. By the end of this course, you'll have the skills to create a fully functional portfolio website with dynamic content management capabilities.
Overview
Syllabus
) Intro.
) Dev Setup.
) Starter Info.
) Navbar.
) Hero Image Query.
) Hero.
) Services And Title.
) Strapi Info.
) Strapi Setup.
) First Content Type.
) First Content .
) Connect Gatsby To Strapi .
) Project Backend .
) Jobs Query .
) Jobs Component .
) Projects Content-Type .
) Projects Content .
) Projects Query .
) Projects Setup .
) Project List .
) Project Component .
) Projects Page .
) Blog Content-Type .
) Blog Content .
) Blog Query .
) Blog List .
) Blog Component .
) Blog Page .
) Create Blog Pages Programmatically .
) Blog Template .
) Blog Image .
) Strapi Claudinary .
) Prop Types .
) Footer .
) Sidebar .
) Sidebar Toggle .
) Sidebar Animation .
) Error Page .
) About Page Intro .
) About Page Content Type And Data .
) About Page .
) Contact Page .
) Formspree .
) Gatsby Browser .
) Google Fonts .
) Netlify Deploy .
) Seo Intro .
) Seo Alternatives .
) Seo Basic Setup .
) Seo Query .
) Seo All Pages .
) Sitemap Plugin .
) Twitter Cards .
Taught by
freeCodeCamp.org
