background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Tải về "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"

input logo icon
"videoThumbnail 🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS
Bảng nội dung
|

Bảng nội dung

0:00
Start
0:28
What stack?
2:28
About sources
3:15
New format for similar projects
8:15
DEMO
14:13
Creating a back-end
24:05
Setting up VS Code
29:00
Creating a database
37:02
Making registration
44:42
Making authorization
1:08:54
To-do list
1:12:21
Decorator
1:15:43
Generate user
1:16:20
What models should be present?
1:16:51
Model products (Product)
1:17:58
Category model (Category)
1:18:09
Model reviews (Review)
1:18:20
Model order (Order)
1:19:00
OrderItem model
1:19:26
Making connections
1:23:00
Made a complete scheme
1:23:27
Create a user
1:26:08
Making a patch
1:27:23
Create a service
1:33:45
Checking
1:34:50
Making a seedeer
1:43:24
Checking the added data
1:44:23
Done with data generation
1:45:33
Goods, creating a structure
1:49:22
Service for categories
1:54:00
Controller for categories
1:57:46
Checking the operation of the controller
1:59:45
Bug fixes
2:03:10
Feedback service
2:06:45
Feedback Controller
2:08:46
Service for statistics
2:17:59
Service for pagination
2:19:26
Service for orders
2:20:15
Go to the products of our store
2:22:08
Service for products
2:33:10
Product controller
2:34:32
Testing
2:36:43
Go to frontend
2:37:07
What will we use for frontend
2:38:29
Creating the Next app
2:44:22
Install Tailwind css
2:45:15
Start writing styles
2:55:54
Creating services
2:57:05
api helper
2:57:36
api interceptor
2:59:20
Creating a job with tokens
3:02:30
We continue to work with interceptor.ts
3:06:07
Auth service
3:12:24
Category service
3:17:33
Review service
3:19:43
User service
3:23:00
Order service
3:24:48
Statistics service
3:25:57
Payment service
3:26:34
Product service
3:32:12
What needs to be done next?
3:37:12
About React Query
3:38:00
About Redux Toolkit
3:39:27
User actions
3:41:24
User slice
3:43:07
Creating hooks
3:43:16
useActions
3:45:09
useTypedSelector
3:45:41
useAuth
3:47:36
AuthProvider
3:47:55
CheckRole - to check the role
3:52:29
Let's talk about SSR & SSG & ISR
3:59:33
Making the login page
4:36:40
Making the main page
4:43:49
Making a catalog
5:09:26
Fixing bugs
5:23:19
Making a visual
5:28:55
Solved the problem with authorization
5:30:43
We continue to work on the visual
5:44:35
We do sorting and loading
6:03:20
What was behind the scenes?
6:13:25
Implementing payment
6:37:25
Final
6:47:25
In conclusion
Thẻ video
|

Thẻ video

red group
react
react.js
js
htmllessons
redgroup
front-end
Javascript
frontend
backend
бэкенд
база данных
youtube
amazon
амазон
веб разработка
разработка амазона
разработка интернет магазина
интернет магазин
PostgreSQL
Prisma
TS
Typescript
Redux
clsx
tailwind css
react hook form
jwt
axios
interceptors
копия Амазон
аналог Амазон
ИНТЕРНЕТ МАГАЗИН с нуля
ИНТЕРНЕТ МАГАЗИН с нуля
интернет магазин с нуля react
amazon 2.0
ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов
next
ts
prisma
nextjs
nestjs
typescript
redux
Bạn đã cài đặt thành công UDL Helper Bạn có thể tải về video bằng 1 cú nhấp!
Đã cài đặt
cho
Google Chrome

Mô tả:

🔥 Get a premium subscription - https://htmllessons.io/premium ► How to buy from other countries - https://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 - https://yookassa.ru/yooid/signup?origin=Checkout&returnUrl=https%3A%2F%2Fyookassa.ru%2Fjoinups%2F%3Fsource%3Dhtmllessons 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) - https://htmllessons.io/storage 🦋 Design + Todo - https://t.me/redgroupchannel ⚡️ List of intensives by subscription - https://htmllessons.io/list-intensives 🍥 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 👉 All links (+ editor setting) and information about me - https://redlinks.tech/ Watch the video UNTIL THE END, subscribe to the channel, put 👍 and the bell 🔔

Chuẩn bị tùy chọn tải xuống

popular icon
Phổ biến
hd icon
Video HD
audio icon
Chỉ âm thanh
total icon
Tất cả
* — Nếu video đang phát trong một tab mới, hãy mở nó, sau đó nhấp phải vào video và chọn "Lưu video như..."
** — Liên kết dành cho việc phát trực tuyến trong các trình phát chuyên dụng

Thắc mắc về tải video

mobile menu iconLàm cách nào tôi có thể tải xuống video "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"?mobile menu icon

  • Trang web http://unidownloader.com/ là cách tốt nhất để tải xuống một video hoặc một đoạn âm thanh riêng nếu bạn muốn tải xuống mà không cần cài đặt chương trình và tiện ích mở rộng.

  • Tiện ích mở rộng UDL Helper là một nút tiện lợi được tích hợp liền mạch vào các trang YouTube, Instagram và OK.ru để tải xuống nội dung nhanh chóng.

  • Chương trình UDL Client (dành cho Windows) là giải pháp mạnh mẽ nhất hỗ trợ hơn 900 trang web, mạng xã hội và trang lưu trữ video cũng như mọi chất lượng video có sẵn trong nguồn.

  • UDL Lite là một cách thực sự thuận tiện để truy cập trang web từ thiết bị di động của bạn. Với sự trợ giúp của nó, bạn có thể dễ dàng tải video trực tiếp xuống điện thoại thông minh của mình.

mobile menu iconTôi nên chọn định dạng nào của video "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"?mobile menu icon

  • Các định dạng chất lượng tốt nhất là FullHD (1080p), 2K (1440p), 4K (2160p) và 8K (4320p). Độ phân giải màn hình của bạn càng cao thì chất lượng video càng cao. Tuy nhiên, có những yếu tố khác cần xem xét: tốc độ tải xuống, dung lượng trống và hiệu suất thiết bị trong quá trình phát lại.

mobile menu iconTại sao máy tính của tôi bị treo khi tải video "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"?mobile menu icon

  • Trình duyệt/máy tính không được đóng băng hoàn toàn! Nếu điều này xảy ra, vui lòng báo cáo nó kèm theo liên kết tới video. Đôi khi không thể tải xuống trực tiếp video ở định dạng phù hợp, vì vậy chúng tôi đã thêm khả năng chuyển đổi tệp sang định dạng mong muốn. Trong một số trường hợp, quá trình này có thể chủ động sử dụng tài nguyên máy tính.

mobile menu iconLàm cách nào tôi có thể tải video "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS" xuống điện thoại của mình?mobile menu icon

  • Bạn có thể tải video xuống điện thoại thông minh của mình bằng trang web hoặc ứng dụng PWA UDL Lite. Cũng có thể gửi liên kết tải xuống qua mã QR bằng tiện ích mở rộng UDL Helper.

mobile menu iconLàm cách nào tôi có thể tải bản âm thanh (âm nhạc) xuống MP3 "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"?mobile menu icon

  • Cách thuận tiện nhất là sử dụng chương trình UDL Client, chương trình hỗ trợ chuyển đổi video sang định dạng MP3. Trong một số trường hợp, MP3 cũng có thể được tải xuống thông qua tiện ích mở rộng UDL Helper.

mobile menu iconLàm cách nào tôi có thể lưu khung hình từ video "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"?mobile menu icon

  • Tính năng này có sẵn trong tiện ích mở rộng UDL Helper. Đảm bảo rằng bạn đã chọn "Hiển thị nút quay video nhanh" trong cài đặt. Biểu tượng máy ảnh sẽ xuất hiện ở góc dưới bên phải của trình phát, bên trái biểu tượng "Cài đặt". Khi bạn nhấp vào nó, khung hình hiện tại của video sẽ được lưu vào máy tính của bạn ở định dạng JPEG.

mobile menu iconTất cả những thứ này có giá bao nhiêu?mobile menu icon

  • Nó không tốn gì cả. Các dịch vụ của chúng tôi hoàn toàn miễn phí cho mọi người dùng. Không có đăng ký PRO, không có giới hạn về số lượng hoặc thời lượng tối đa của video được tải xuống.