Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Strapi+GraphQL & ReactJS Crash Course
Rating: 4.3 out of 5(7 ratings)
152 students

Strapi+GraphQL & ReactJS Crash Course

Creating a Responsive Blog/Portfolio Website with ReactJS, Strapi, Bootstrap, GraphQL, Restful API and way more!
Created byFarhan Ellahi
Last updated 10/2022
Urdu

What you'll learn

  • Build API with Headless CMS Strapi
  • Relationship between Multiple Content Type
  • Fetch API Data using GraphQL
  • Create Blog/Portfolio website with ReactJS
  • Responsive & Beatiful frontend using BootStrap

Course content

5 sections • 14 lectures • 2h 57m total length

  • Strapi Installation & Configuration12:44

    In this first lecture we'll see the full project demo & also learn how to install strapi & setup for your new project

  • Content Type Builder8:55

    In this lecture we create content type builder & insert some raw data

  • Relationship & Populate API9:49

    In this lecture we'll cover how to create multiple content types and establish relationships between them (one-to-one, many-to-many), as well as how to retrieve data and populate data through images, categories, or tags.

Requirements

  • Basic: ReactJS

Description

We'll be using ReactJS and Bootstrap to create a responsive blog/portfolio website. Our backend will be powered by Strapi CMS and we'll be using GraphQL API as well as Rest API.


This course is aimed at people who are familiar with HTML, CSS, and JavaScript. Some knowledge of ReactJS would be helpful but is not required.


In this course, you'll learn how to:

  • Use ReactJS and Bootstrap to create a responsive website

  • Use Strapi CMS to power the backend of your website

  • Use GraphQL API to fetch data from Strapi

  • Use Rest API to fetch data from Strapi

  • Fetch Single Post using GraphQL API & RestAPI

  • Strapi Admin Configuration

  • Strapi Content Type Builder

  • Strapi Relationship

  • Strapi UID Field

  • Strapi API Access

  • ReactJs Folder Structure

  • ReactJs Hooks

  • ReactJS Router

  • ReactJS Fetch API Async

    Bootstrap Navbar

  • Bootstrap Post Grid using Rows & Cols

  • Bootstrap Responsiveness

  • Bootstrap Carousel Images

  • Custom Style Sheet

  • ReactJS Condition React Component Render

  • & more


By the end of this course, you'll have a responsive blog/portfolio website that is powered by Strapi CMS.


This course is perfect for anyone who wants to learn how to use ReactJS and Bootstrap to create a responsive website. This course is also perfect for anyone who wants to learn how to use Strapi CMS to power the backend of their website.


If you're a beginner, don't worry! This course is designed for people with no prior experience in ReactJS or Strapi CMS.


So what are you waiting for? Enroll in this course now and let's get started

Who this course is for:

  • Beginner ReactJS Developers to move on next step
  • Beginner in Frontend Developer
  • Beginner in Backend Developer

Report abuse