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

تحميل "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"

input logo icon
جدول المحتويات
|

جدول المحتويات

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
علامات الفيديو
|

علامات الفيديو

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
يوجد لديك ‎UDL Helper مثبت بالفعل يمكنك تنزيل فيديو بنقرة واحدة!
تم التثبيت
للتنزيل
Google Chrome

وصف:

🔥 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 🔔

تحضير خيارات التنزيل

popular icon
شائعة
hd icon
فيديو HD
audio icon
صوت فقط
total icon
جميع التنسيقات
* — إذا كان الفيديو يتم تشغيله في علامة تبويب جديدة، فانتقل إليها، ثم انقر بزر الماوس الأيمن على الفيديو وحدد "حفظ الفيديو باسم..."
** — رابط مخصص للتشغيل عبر الإنترنت في مشغلات متخصصة

أسئلة حول تنزيل الفيديو

mobile menu iconكيف يمكنني تنزيل فيديو "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"؟mobile menu icon

  • موقع http://unidownloader.com/ هو أفضل طريقة لتنزيل مقطع فيديو أو مقطع صوتي منفصل إذا كنت تريد الاستغناء عن تثبيت البرامج والإضافات.

  • ملحق UDL Helper هو زر ملائم مدمج بسلاسة في مواقع YouTube وInstagram وOk.ru لتنزيل المحتوى بسرعة.

  • برنامج UDL Client (لنظام Windows) هو الحل الأقوى الذي يدعم أكثر من 900 موقع إلكتروني وشبكات التواصل الاجتماعي ومواقع استضافة الفيديو، بالإضافة إلى أي نوعية فيديو متوفرة في المصدر.

  • UDL Lite هو وسيلة مريحة حقًا للوصول إلى موقع ويب من جهازك المحمول. بمساعدته، يمكنك بسهولة تنزيل مقاطع الفيديو مباشرة على هاتفك الذكي.

mobile menu iconأي صيغة فيديو "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS" يجب أن أختار؟mobile menu icon

  • أفضل تنسيقات الجودة هي FullHD (1080p) و2K (1440p) و4K (2160p) و8K (4320p). كلما زادت دقة الشاشة، يجب أن تكون جودة الفيديو أعلى. ومع ذلك، هناك عوامل أخرى يجب مراعاتها: سرعة التنزيل ومقدار المساحة الخالية وأداء الجهاز أثناء التشغيل.

mobile menu iconلماذا يتجمد جهاز الكمبيوتر الخاص بي عند تحميل فيديو "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"؟mobile menu icon

  • يجب ألا يتجمد المتصفح/الكمبيوتر تماماً! إذا حدث ذلك، يرجى الإبلاغ عن ذلك مع رابط الفيديو. في بعض الأحيان لا يمكن تنزيل مقاطع الفيديو مباشرة بتنسيق مناسب، لذلك أضفنا إمكانية تحويل الملف إلى التنسيق المطلوب. في بعض الحالات، قد تستهلك هذه العملية موارد الكمبيوتر بشكل فعال.

mobile menu iconكيف يمكنني تنزيل فيديو "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS" على هاتفي؟mobile menu icon

  • يمكنك تنزيل مقطع فيديو على هاتفك الذكي باستخدام الموقع الإلكتروني أو تطبيق UDL Lite. من الممكن أيضًا إرسال رابط التنزيل عبر رمز الاستجابة السريعة باستخدام ملحق UDL Helper.

mobile menu iconكيف يمكنني تنزيل مقطوعة صوتية (موسيقى) على MP3 "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"؟mobile menu icon

  • الطريقة الأكثر ملاءمة هي استخدام برنامج UDL Client، الذي يدعم تحويل الفيديو إلى تنسيق MP3. في بعض الحالات، يمكن أيضًا تنزيل MP3 من خلال ملحق UDL Helper.

mobile menu iconكيف يمكنني حفظ إطار من فيديو "🚀 AMAZON 2.0 - ONLINE STORE from scratch in 6 hours [Next / React / Nest / PostgreSQL / Prisma / TS"؟mobile menu icon

  • تتوفر هذه الميزة في ملحق UDL Helper. تأكد من تحديد "إظهار زر لقطة الفيديو" في الإعدادات. يجب أن تظهر أيقونة الكاميرا في الركن الأيمن السفلي من المشغل إلى يسار أيقونة "الإعدادات". عند النقر عليه، سيتم حفظ الإطار الحالي من الفيديو على جهاز الكمبيوتر الخاص بك بتنسيق JPEG.

mobile menu iconما هو سعر كل هذه الأشياء؟mobile menu icon

  • لا يكلف شيئًا. خدماتنا مجانية تمامًا لجميع المستخدمين. لا توجد اشتراكات للمحترفين ولا قيود على عدد مقاطع الفيديو التي يتم تنزيلها أو الحد الأقصى لطولها.