GraphQL with NextJS Build a Fullstack App From Scratch

GraphQL with NextJS – Build a Fullstack App From Scratch, available at $54.99, has an average rating of 5, with 238 lectures, based on 1 reviews, and has 142 subscribers.

You will learn about 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 This course is ideal for individuals who are Developers looking to learn GraphQL and NextJS It is particularly useful for Developers looking to learn GraphQL and NextJS.

Enroll now: GraphQL with NextJS – Build a Fullstack App From Scratch

Summary

Title: GraphQL with NextJS – Build a Fullstack App From Scratch

Price: $54.99

Average Rating: 5

Number of Lectures: 238

Number of Published Lectures: 238

Number of Curriculum Items: 238

Number of Published Curriculum Objects: 238

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Developers looking to learn GraphQL and NextJS

Target Audiences

Developers looking to learn GraphQL and NextJS

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 Curriculum

Chapter 1: Introduction

Lecture 1: Walkthrough of complete application

Chapter 2: Backend: GraphQL Fundamentals

Lecture 1: What is GraphQL?

Lecture 2: GraphQL schemes and types

Lecture 3: GraphQL resolvers

Lecture 4: GraphQL query

Lecture 5: Setup sample graphQL server

Lecture 6: GraphQL mutations

Lecture 7: GraphQL field resolvers

Chapter 3: Backend: Project Setup

Lecture 1: Setup postgres DB

Lecture 2: Connect to database using a DB tool

Lecture 3: Setup server project

Lecture 4: Database connection

Lecture 5: Setup express server

Lecture 6: Apollo server – Part 1

Lecture 7: Apollo server – Part 2

Lecture 8: Health route

Lecture 9: Install pino logger

Chapter 4: Backend: User Authentication

Lecture 1: User inteface

Lecture 2: User model – Part 1

Lecture 3: User model – Part 2

Lecture 4: Notification model

Lecture 5: User service

Lecture 6: Notification service

Lecture 7: User graphQL schema

Lecture 8: Add merged schemes to server

Lecture 9: Register user mutation – Part 1

Lecture 10: Register user mutation – Part 2

Lecture 11: Create new user

Lecture 12: Fix createdAt issue

Lecture 13: Login user mutation

Lecture 14: Social auth mutation

Lecture 15: Logout mutation

Lecture 16: GraphQL authentication route method

Lecture 17: Validate auth data

Chapter 5: Backend: Notification Feature

Lecture 1: Notification schema

Lecture 2: GraphQL get notification query

Lecture 3: GraphQL create notification mutation

Lecture 4: GraphQL update notification mutation

Lecture 5: GraphQL delete notification mutation

Chapter 6: Backend: Monitor Models and Services

Lecture 1: Section introduction

Lecture 2: Monitor model – Part 1

Lecture 3: Monitor model – Part 2

Lecture 4: Monitor create and get service methods

Lecture 5: Monitor update service method

Lecture 6: Monitor delete service method

Chapter 7: Backend: Monitor GraphQL Schemes and Resolvers

Lecture 1: Monitor graphQL scheme – Part 1

Lecture 2: Monitor graphQL scheme – Part 2

Lecture 3: Create monitor mutation resolver

Lecture 4: Create cron jobs methods

Lecture 5: Toggle monitor mutation resolver

Lecture 6: Update and delete monitor mutation resolvers

Lecture 7: Monitor result field resolver

Lecture 8: Monitor query resolvers

Lecture 9: Auto refresh query resolver

Lecture 10: Start monitor method

Lecture 11: Stop auto refresh

Chapter 8: Backend: GraphQL Subscriptions and Websockets

Lecture 1: Setup websocket server

Lecture 2: GraphQL subscription type

Lecture 3: Monitor subscription resolver

Lecture 4: Test subscriptions on dev tool

Lecture 5: Enable auto refresh – Part 1

Lecture 6: Enable auto refresh – Part 2

Chapter 9: Backend: HTTP Uptime Monitor

Lecture 1: HTTP monitor model

Lecture 2: Create and get http heartbeats

Lecture 3: HTTP status cron job method

Lecture 4: HTTP monitor heartbeat method – Part 1

Lecture 5: HTTP monitor heartbeat method – Part 2

Lecture 6: Success and error http monitor methods

Lecture 7: HTTP monitor error method

Lecture 8: Test http monitor method

Lecture 9: Get http heartbeats method

Lecture 10: Calculate monitor uptime

Lecture 11: Delete heartbeats

Lecture 12: GraphQL heartbeat schema

Lecture 13: GraphQL heartbeat resolver

Chapter 10: Backend: MongoDB Uptime Monitor

Lecture 1: MongoDB monitor model

Lecture 2: MongoDB connection method

Lecture 3: MongoDB monitor heartbeat start method

Lecture 4: MongoDB service methods

Lecture 5: Test mongodb monitor

Chapter 11: Backend: Redis Uptime Monitor

Lecture 1: Redis monitor heartbeat model and service

Lecture 2: Redis ping method

Lecture 3: Redis monitor assertion method

Lecture 4: Redis monitor success method fix

Lecture 5: Redis monitor error method

Lecture 6: Test redis monitor

Chapter 12: Backend: TCP Uptime Monitor

Lecture 1: TCP monitor heartbeat model and service

Lecture 2: TCP ping method

Instructors

Uzochukwu Eddie Odozi
Software Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!