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

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru