Skip to main content

React, NextJS and NestJS: A Rapid Guide - Advanced

8h 40m 51s
English
Paid

Course description

React with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS and NestJS. We will build 3 frontend apps Admin, Ambassador and Checkout and they will consume a big NestJS API.


Read more about the course

In NestJS you will learn: 

  • Use Docker

  • Use TypeORM and connect with MySQL

  • Use Typescript

  • Use Interceptors and Guards

  • Validate Requests

  • Generate Jwt Tokens

  • Use HttpOnly Cookies

  • Login with Scopes

  • Use Redis

  • Use Stripe

  • Sending Emails

  • Filter Cached products

In React you will learn:

  • Create a React project with Typescript

  • Create a Next.js project with Typescript

  • React Material UI

  • Use Redux

  • Use React Hooks

  • Create public and private routes

  • Restrict routes for unauthorized users

  • Use Stripe

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 82 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (82)

#Lesson TitleDurationAccess
1
Introduction Demo
04:29
2
Setup
01:19
3
Docker
05:16
4
Database
05:30
5
TypeORM
07:44
6
Admin Authentication Endpoints
00:32
7
Validations
08:17
8
Register
07:45
9
Login
10:35
10
Authenticated User
06:19
11
Logout
05:29
12
Profile
06:32
13
Admin Endpoints
00:44
14
Ambassadors
09:54
15
Products
15:03
16
Orders
08:15
17
Seeding Orders
08:56
18
Exposing Fields
04:54
19
Links
07:29
20
Relations Without Foreign Keys
04:03
21
Shared Module
04:06
22
Ambassador Authentication Endpoints
00:25
23
Multiple Routes
05:28
24
Scopes
07:38
25
Revenue
08:01
26
Ambassador Endpoints
00:45
27
Redis
04:42
28
Caching Products
08:03
29
Event Emitters
08:44
30
Searching Products
03:49
31
Sorting Products
03:38
32
Paginating Products
04:17
33
Creating Links
08:00
34
Stats
04:36
35
Rankings
04:42
36
Redis Sorted Sets
12:43
37
Formatting the Rankings
05:55
38
Checkout Endpoints
00:32
39
Getting Link Data
02:16
40
Creating Orders
11:11
41
Transactions
05:09
42
Stripe
08:38
43
Configuration
04:12
44
Update Rankings
06:58
45
Sending Emails
07:08
46
Setup
00:57
47
Template
04:38
48
Router
05:40
49
Register
08:27
50
Login
05:25
51
Authenticated User
06:50
52
Logout
06:08
53
Users
05:58
54
Material UI
04:15
55
Pagination
05:08
56
Links
08:02
57
Products
09:38
58
Creating Products
07:19
59
Updating Products
07:39
60
Orders
08:05
61
Profile
06:53
62
Redux
08:14
63
Using Redux
10:45
64
Setup
07:34
65
Common Files
06:03
66
Navigation
09:31
67
Header Component
12:36
68
Stats and Rankings
08:09
69
Products
07:59
70
Searching Products
09:01
71
Sorting Products
05:12
72
Lazy Loading
11:11
73
Selecting Products
04:42
74
Generating Links
08:21
75
Setup
03:09
76
Template
06:54
77
Routes
06:04
78
Link Data
07:27
79
Order Total
06:43
80
Submitting the Form
03:51
81
Stripe
03:34
82
Confirming Orders
02:08

Unlock unlimited learning

Get instant access to all 81 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

  • TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

    TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

    Sources: fullstack.io
    Learn advanced React, Node, TypeScript, and GraphQL by creating a ready-to-use application in this online course. Explore each of these technologies and find out how to create a...
    30 hours 50 minutes 42 seconds
  • Master NestJS 9 - Node.js Framework 2023

    Master NestJS 9 - Node.js Framework 2023

    Sources: udemy
    NestJS is one of the most modern Node.js frameworks out there. This course will teach you everything you need to know to get you started ASAP! Don't get fooled
    12 hours 9 minutes 52 seconds
  • Data fetching with React Server Components

    Data fetching with React Server Components

    Sources: Build UI
    Since its release 10 years ago, React's core APIs have remained surprisingly stable. The original component boundary that supports state and lifecycle methods still works to thi...
    1 hour 15 minutes 56 seconds
  • Full Stack Development

    Full Stack Development

    Sources: neetcode.io
    This course will take you on a journey to become a full-stack developer. You will learn how to build and deploy a modern web application from the ground up. Whether you're a beg...
    4 hours 24 minutes 36 seconds
  • Microservices with Node JS and React

    Microservices with Node JS and React

    Sources: udemy, Stephen Grider
    Event-Based Architecture? Covered! Server side rendering with React? Yep. Scalable, production-ready code? Its here! Microservices are the number one solution for building and s...
    54 hours 13 minutes 19 seconds