Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Strapi & GatsbyJS Course - Portfolio Project

via freeCodeCamp

Overview

This course teaches learners how to create a portfolio project using Gatsby and Strapi. By the end of the course, students will be able to build fast static websites and apps using JavaScript. The course covers topics such as setting up Strapi, creating different content types, connecting Gatsby to Strapi, building various components like projects, blogs, and pages, implementing SEO, and deploying the project. The course is suitable for individuals interested in web development, particularly those looking to enhance their skills in using Gatsby and Strapi for building projects.

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

Reviews

Start your review of Strapi & GatsbyJS Course - Portfolio Project

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.