Udemy

GraphQL with NextJS - Build a Fullstack App From Scratch

Enroll Now
  • 437 Students
  • Updated 7/2024
4.5
(30 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Language
English
Taught by
Uzochukwu Eddie Odozi
Rating
4.5
(30 Ratings)

Course Overview

GraphQL with NextJS - Build a Fullstack App From Scratch

Learn GraphQL and Next.js by building a full-stack application with NodeJS, Express, Apollo Server, Apollo Client.

This full-stack course focuses on developing backend APIs with GraphQL and connecting them to client web applications built with NextJS. It follows a hands-on, 'learn-by-doing' approach, with the entire course structured around building a full-stack web application. Concepts will be thoroughly explained as they are introduced.

In this course, you'll learn to utilize GraphQL on both the server side and in client applications with practical examples featuring full-stack Typescript application. You'll be introduced to key GraphQL concepts, including schema definition, Queries, Mutations, and Subscriptions, as well as solutions to common requirements like handling authentication/authorization and client-side caching.

In this course, we will cover and utilize key concepts of Next.js. You will learn how to connect a Next.js client application to a GraphQL server using the Apollo ecosystem.

This course will cover:

  • GraphQL concepts like schemas and resolvers.

  • Creating and using GraphQL types, queries, mutations and subscriptions.

  • Use Apollo GraphQL ecosystem on both server and client.

  • Creating NextJS projects from the ground up & understanding these projects.

  • Working with file-based routing in NextJS.

  • Adding dynamic routes and catch-all routes in NextJS.

  • TailwindCSS support for styling components.

  • Deployment of NextJS client application and GraphQL server.

By the end of this course, you will be capable of building a robust API with GraphQL, connecting it to a client application created with NextJS or another framework, and deploying your applications.

Course Content

  • 10 section(s)
  • 238 lecture(s)
  • Section 1 Introduction
  • Section 2 Backend: GraphQL Fundamentals
  • Section 3 Backend: Project Setup
  • Section 4 Backend: User Authentication
  • Section 5 Backend: Notification Feature
  • Section 6 Backend: Monitor Models and Services
  • Section 7 Backend: Monitor GraphQL Schemes and Resolvers
  • Section 8 Backend: GraphQL Subscriptions and Websockets
  • Section 9 Backend: HTTP Uptime Monitor
  • Section 10 Backend: MongoDB Uptime Monitor

What You’ll Learn

  • Learn GraphQL by building real-world NodeJS and NextJS application
  • Build a GraphQL server based on NodeJS, Express and Apollo Server
  • Handle authentication/authorization with JWT
  • Build flexible data schemas with GraphQL
  • Connect NextJS client application with Apollo Client to GraphQL server
  • Use GraphQL WebSocket Subscriptions to publish and consume messages in real time
  • Use TailwindCSS to style elements in a NextJS application
  • Learn how to build React apps with NextJS 14 and the App Router
  • Easily deploy NextJs app and GraphQL server


Reviews

  • M
    Moises Santana de La Rosa
    2.5

    Can you provide the source code of the project please? Why are you keeping it away?

  • V
    Victor Mahluza
    5.0

    The Follow along is so far so good. it's not one of those tutorial hell's where you spend more time debugging the instructor's code rather than continuing learning

  • A
    Abhilash D K
    5.0

    Good course especially on GraphQL it was detailed enough :)

  • R
    Renan Vechini Momesso
    5.0

    I love this teacher... he explains very well about everything you need to build a robust, big and complex projects... not only this project but all of his work

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed