HOT
blank

Strongly Typed Next.js

Development

Rating4
Enroll Now

Strongly Typed Next.js, available at $49.99, has an average rating of 3.95, with 92 lectures, based on 133 reviews, and has 1129 subscribers.

You will learn about Next TypeScript TypeGraphQL Typegoose React Authentication This course is ideal for individuals who are Developers looking to learn GraphQL or Developers looking to learn NextJS It is particularly useful for Developers looking to learn GraphQL or Developers looking to learn NextJS.

Enroll now: Strongly Typed Next.js

Summary

Title: Strongly Typed Next.js

Price: $49.99

Average Rating: 3.95

Number of Lectures: 92

Number of Published Lectures: 92

Number of Curriculum Items: 92

Number of Published Curriculum Objects: 92

Original Price: $84.99

Quality Status: approved

Status: Live

What You Will Learn

  • Next
  • TypeScript
  • TypeGraphQL
  • Typegoose
  • React
  • Authentication

Who Should Attend

  • Developers looking to learn GraphQL
  • Developers looking to learn NextJS

Target Audiences

  • Developers looking to learn GraphQL
  • Developers looking to learn NextJS

Welcome to Strongly Typed Next.js!

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

Here is why you should join:

  • Everything covered is up-to-date and relevant in today’s web developer industry.

  • Along with the videos, I wrote a step-by-step guide to follow along on my website.

Course highlights:

  • Create a full stack GraphQL API and web client

  • User authentication with the React Context API

  • Style JSX components with Material UI themes

  • Build a monorepo server with yarn workspaces

How long is this course?

The entire course should take between two to four weeks to complete.

By the end, you’ll have plenty of new skills for building full stack web applications.

What are we building?

We are building a simple streaming service called “Stream-me”

Our app will feature the following functionality:

  • Users can login or signup and create streams.

  • Dark mode switch to dim the lights.

  • Embed music, videos or social media content.

  • Share streaming content with embedded links.

We are not buildinga “live streaming” service like twitch.

We are building a service which supports sharing embedded post content.

Pre-requisites

Before we dive into the implementation, here are a few things you’ll need to follow along.

  • Node 6 or higher

  • Yarn

  • NPM

  • Basic Knowledge of GraphQL and Node.js

Course Curriculum

Chapter 1: Next.js

Lecture 1: Installation

Lecture 2: TypeScript Config

Lecture 3: Git Config

Lecture 4: Routing Pages

Lecture 5: Custom Document

Lecture 6: Material UI

Lecture 7: Theme Provider

Lecture 8: Using useEffect

Lecture 9: Server Stylesheets

Lecture 10: Linking Pages

Lecture 11: Bonus Challenge: Landing Page

Chapter 2: TypeGraphQL

Lecture 1: Introduction

Lecture 2: Installation

Lecture 3: User Entity

Lecture 4: Decorators

Lecture 5: Ref Type

Lecture 6: Stream Entity

Lecture 7: ObjectID Scalar

Lecture 8: MyContext Middleware

Lecture 9: isAuth Middleware

Lecture 10: Typegoose Middleware

Lecture 11: User Resolver

Lecture 12: Bonus Challenge: Query Complexity

Chapter 3: Typegoose

Lecture 1: Introduction

Lecture 2: Auth Input

Lecture 3: Register Mutation

Lecture 4: Login Mutation

Lecture 5: Stream Input

Lecture 6: Stream Query

Lecture 7: Stream Mutation

Lecture 8: Stream Add

Lecture 9: Stream Edit

Lecture 10: Stream Delete

Lecture 11: Field Resolver

Lecture 12: Bonus Challenge: Lean Queries

Chapter 4: Apollo Server

Lecture 1: Introduction

Lecture 2: Installation

Lecture 3: Schema

Lecture 4: MongoDB

Lecture 5: Environment Config

Lecture 6: Create Session

Lecture 7: Express App

Lecture 8: Create Schema

Lecture 9: Create Server

Lecture 10: Test Mutations

Lecture 11: Test Queries

Lecture 12: Bonus Challenge: Serverless GraphQL

Chapter 5: Apollo Client

Lecture 1: Introduction

Lecture 2: Installation

Lecture 3: Schema

Lecture 4: Next Environment

Lecture 5: Next Config

Lecture 6: Generate Queries

Lecture 7: Generate Mutations

Lecture 8: Apollo Client

Lecture 9: Initialize Apollo

Lecture 10: Using useApollo

Lecture 11: Apollo Provider

Lecture 12: Test Apollo Client

Lecture 13: Bonus Challenge: Mocked Provider

Chapter 6: Authentication

Lecture 1: Auth Context

Lecture 2: SignIn Mutation

Lecture 3: SignUp and SignOut

Lecture 4: Auth Provider

Lecture 5: Header Component

Lecture 6: Header Styles

Lecture 7: Header Import

Lecture 8: SignIn Screen

Lecture 9: SignUp and SignOut Screens

Lecture 10: Bonus Challenge: Persist Token

Chapter 7: Streaming

Lecture 1: Posts Component

Lecture 2: Posts Styles

Lecture 3: Posts Content

Lecture 4: Hero Component

Lecture 5: Hero Styles

Lecture 6: Hero Content

Lecture 7: Content Component

Lecture 8: Streams Page

Lecture 9: Stream Detail Page

Lecture 10: Stream Create Page

Lecture 11: Stream Create Content

Lecture 12: Edit Stream Hooks

Lecture 13: Edit Stream Methods

Lecture 14: Edit Stream Content

Lecture 15: Test Streams

Lecture 16: Bonus Challenge: Share Streams

Chapter 8: Deployment

Lecture 1: Introduction

Lecture 2: Installation

Lecture 3: App Updates

Lecture 4: Next Custom Server

Lecture 5: Test Custom Server

Lecture 6: Heroku Deployment

Instructors

Rating Distribution

  • 1 stars: 5 votes
  • 2 stars: 2 votes
  • 3 stars: 26 votes
  • 4 stars: 41 votes
  • 5 stars: 59 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!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024