🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS

  Рет қаралды 92,000

RED Group

RED Group

Күн бұрын

🔥 Get a premium subscription - htmllessons.ru/premium?...
► How to buy from other countries - t.me/redgroupchannel/37
A new big project on the channel, today we will learn how to develop our online store from scratch. On the front, we will use Next js React and Nest js on the backend. As a database for our Amazon 2.0, we will use PostgreSQL and ORM Prisma. On the frontend, we use the Redux Toolkit as state management. We will use Tailwind CSS to write the styles. Forms will be created and processed using the react hook form. Typing in our project will be in TypeScript (TS). [ AMAZON 2.0 - ONLINE STORE from scratch in 6 hours ]
💸 Got a bonus for you from Yukassa free premium tariff - yookassa.ru/joinups/?source=h...
I hope you appreciate my efforts, please like and subscribe. 🔥 2000 likes and I'm filming the second part.
If you have any questions about this topic - let me know in the comments!
Download 🖥 finished project in our repository (subscription required) - htmllessons.ru/storage#storag...
🦋 Design + Todo - t.me/redgroupchannel
⚡️ List of intensives by subscription - htmllessons.ru/list-intensive...
🍥 Theme in editor/IDE - Cobalt3 dark
00:00:00 - Start
00:00:28 - What stack?
00:02:28 - About sources
00:03:15 - New format for similar projects
00:08:15 - DEMO
00:14:13 - Creating a back-end
00:24:05 - Setting up VS Code
00:29:00 - Creating a database
00:37:02 - Making registration
00:44:42 - Making authorization
01:08:54 - To-do list
01:12:21 - Decorator
01:15:43 - Generate user
01:16:20 - What models should be present?
01:16:51 - Model products (Product)
01:17:58 - Category model (Category)
01:18:09 - Model reviews (Review)
01:18:20 - Model order (Order)
01:19:00 - OrderItem model
01:19:26 - Making connections
01:23:00 - Made a complete scheme
01:23:27 - Create a user
01:26:08 - Making a patch
01:27:23 - Create a service
01:33:45 - Checking
01:34:50 - Making a seedeer
01:43:24 - Checking the added data
01:44:23 - Done with data generation
01:45:33 - Goods, creating a structure
01:49:22 - Service for categories
01:54:00 - Controller for categories
01:57:46 - Checking the operation of the controller
01:59:45 - Bug fixes
02:03:10 - Feedback service
02:06:45 - Feedback Controller
02:08:46 - Service for statistics
02:17:59 - Service for pagination
02:19:26 - Service for orders
02:20:15 - Go to the products of our store
02:22:08 - Service for products
02:33:10 - Product controller
02:34:32 - Testing
02:36:43 - Go to frontend
02:37:07 - What will we use for frontend
02:38:29 - Creating the Next app
02:44:22 - Install Tailwind css
02:45:15 - Start writing styles
02:55:54 - Creating services
02:57:05 - api helper
02:57:36 - api interceptor
02:59:20 - Creating a job with tokens
03:02:30 - We continue to work with interceptor.ts
03:06:07 - Auth service
03:12:24 - Category service
03:17:33 - Review service
03:19:43 - User service
03:23:00 - Order service
03:24:48 - Statistics service
03:25:57 - Payment service
03:26:34 - Product service
03:32:12 - What needs to be done next?
03:37:12 - About React Query
03:38:00 - About Redux Toolkit
03:39:27 - User actions
03:41:24 - User slice
03:43:07 - Creating hooks
03:43:16 - useActions
03:45:09 - useTypedSelector
03:45:41 - useAuth
03:47:36 - AuthProvider
03:47:55 - CheckRole - to check the role
03:52:29 - Let's talk about SSR & SSG & ISR
03:59:33 - Making the login page
04:36:40 - Making the main page
04:43:49 - Making a catalog
05:09:26 - Fixing bugs
05:23:19 - Making a visual
05:28:55 - Solved the problem with authorization
05:30:43 - We continue to work on the visual
05:44:35 - We do sorting and loading
06:03:20 - What was behind the scenes?
06:13:25 - Implementing payment
06:37:25 - Final
06:47:25 - In conclusion
#Amazon #React #nextjs #nestjs #typescript #redux #RedGroup
👉 All links (+ editor setting) and information about me - redlinks.tech/
Watch the video UNTIL THE END, subscribe to the channel, put 👍 and the bell 🔔

Пікірлер: 390
Indian sharing by Secret Vlog #shorts
00:13
Secret Vlog
Рет қаралды 57 МЛН
OMG 😨 Era o tênis dela 🤬
00:19
Polar em português
Рет қаралды 12 МЛН
La final estuvo difícil
00:34
Juan De Dios Pantoja
Рет қаралды 29 МЛН
Miracle Doctor Saves Blind Girl ❤️
00:59
Alan Chikin Chow
Рет қаралды 52 МЛН
NPM vs Yarn in 2024
3:28
Backend Simplified
Рет қаралды 1,7 М.
React Query за 10 минут! Быстрый курс
11:34
Archakov Blog
Рет қаралды 47 М.
Frontend Roadmap 2024 | Что должен учить фронтенд-разработчик в 2024 году
14:35
Александр Ламков — Friendly Frontend
Рет қаралды 47 М.
Indian sharing by Secret Vlog #shorts
00:13
Secret Vlog
Рет қаралды 57 МЛН