YoVDO

Strapi & GatsbyJS Course - Portfolio Project

Offered By: freeCodeCamp

Tags

Gatsby Courses Web Development Courses Javascript Courses Search Engine Optimization (SEO) Courses Strapi Courses

Course Description

Overview

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.

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

Related Courses

Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
WordPress: Building Apps with Angular
LinkedIn Learning
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy
From zero to a Gatsby developer
Udemy
Gatsby Tutorial
Net Ninja via YouTube