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

Build a Jira clone

Build a Jira clone

Sources: Code With Antonio
In this 16-hour course, consisting of two parts (by the way, this is my longest course!), you will learn how to create a fully functional Jira clone with a...
16 hours 26 minutes 4 seconds
Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)

Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)

Sources: udemy, zerotomastery.io
Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase.
39 hours 24 minutes 36 seconds
React Chrome Extension boilerplate | Shipped

React Chrome Extension boilerplate | Shipped

Sources: Luca Restagno (shipped.club)
Launch your Chrome Extension in hours, not weeks. The boilerplate for busy makers, to launch your React Chrome Extensions fast. ou don't need to reinvent the wheel and code ever...
Shopify + Next.js + Tailwind CSS: Modern Ecommerce

Shopify + Next.js + Tailwind CSS: Modern Ecommerce

Sources: workingwithshopify.com
Learn how to build blazing fast online storefronts used by the top brands today. Get a quick start with the latest tech stack that is in demand with the top bra
5 hours 7 minutes 23 seconds
Microfrontends with React: A Complete Developer's Guide

Microfrontends with React: A Complete Developer's Guide

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning how to use microfrontends! Thousands of other en
9 hours 2 minutes 34 seconds