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

Скачать "🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]"

input logo icon
"videoThumbnail 🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]
Оглавление
|

Оглавление

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 Вы можете скачивать видео в 1 клик!
Установлено
для
Google Chrome

Описание:

🔥 Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=amazon-2-0 ► Как купить из других стран - https://t.me/redgroupchannel/37 Новый большой проект на канале, сегодня мы научимся разрабатывать свой интернет магазин с нуля. На фронте будем использовать Next js React и Nest js на бэкенд. В качестве базы данных для нашего Amazon 2.0 будем использовать PostgreSQL и ORM Prisma. На frontend, в качестве state management используем Redux Toolkit. Для написания стилей будем использовать Tailwind CSS. Формы будем создавать и обрабатывать с помощью react hook form. Типизация в нашем проекте будет на TypeScript (TS). [ AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов ] 💸 Добыл для Вас бонус от Юкасса бесплатный тариф премиум - https://yookassa.ru/joinups/?source=htmllessons Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 2000 лайков и я снимаю вторую часть. Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях! Скачать 🖥 готовый проект в нашем хранилище (требуется подписка) - https://htmllessons.ru/repositories#storage_file_73 🦋 Дизайн + Todo - https://t.me/redgroupchannel ⚡️ Список интенсивов по подписке - https://htmllessons.ru/list-intensives?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=amazon-2-0 🍥 Тема в редактор/IDE - Cobalt3 dark 00:00:00 - Начало 00:00:28 - Какой стэк? 00:02:28 - Про исходники 00:03:15 - Новый формат для подобных проектов 00:08:15 - ДЕМО 00:14:13 - Создание back-end 00:24:05 - Настройка VS Code 00:29:00 - Создание базы данных 00:37:02 - Делаем регистрацию 00:44:42 - Делаем авторизацию 01:08:54 - To-do list 01:12:21 - Декоратор 01:15:43 - Генерируем user 01:16:20 - Какие модели должны присутствовать? 01:16:51 - Модель продукты (Product) 01:17:58 - Модель категории (Category) 01:18:09 - Модель отзывы (Review) 01:18:20 - Модель заказ (Order) 01:19:00 - Модель OrderItem 01:19:26 - Делаем связи 01:23:00 - Сделали полноценную схему 01:23:27 - Создаём юзера 01:26:08 - Делаем patch 01:27:23 - Создаём service 01:33:45 - Проверяем 01:34:50 - Делаем seedeer 01:43:24 - Проверяем добавленные данные 01:44:23 - Закончили с генирацией данных 01:45:33 - Товары, создаём структуру 01:49:22 - Сервис для категорий 01:54:00 - Контроллер для категорий 01:57:46 - Проверка работы контроллера 01:59:45 - Исправление ошибок 02:03:10 - Сервис для отзывов 02:06:45 - Контроллер для отзывов 02:08:46 - Сервис для статистики 02:17:59 - Сервис для пагинации 02:19:26 - Сервис для заказов 02:20:15 - Переходим к товарам нашего магазина 02:22:08 - Сервис для продуктов 02:33:10 - Контроллер для продуктов 02:34:32 - Тестируем 02:36:43 - Переходим к frontend 02:37:07 - Что будем использовать для frontend 02:38:29 - Создаём Next приложение 02:44:22 - Ставим Tailwind css 02:45:15 - Начинаем писать стили 02:55:54 - Создаём сервисы 02:57:05 - api helper 02:57:36 - api interceptor 02:59:20 - Создаём работу с токенами 03:02:30 - Продолжаем работу с 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 - Что нужно сделать дальше? 03:37:12 - О React Query 03:38:00 - О Redux Toolkit 03:39:27 - User actions 03:41:24 - User slice 03:43:07 - Создаём hooks 03:43:16 - useActions 03:45:09 - useTypedSelector 03:45:41 - useAuth 03:47:36 - AuthProvider 03:47:55 - CheckRole - для проверки роли 03:52:29 - Поговорим о SSR & SSG & ISR 03:59:33 - Делаем страницу логина 04:36:40 - Делаем главную страницу 04:43:49 - Делаем каталог 05:09:26 - Исправляем ошибки 05:23:19 - Делаем визуал 05:28:55 - Решена проблема с авторизацией 05:30:43 - Продолжаем работать над визуалом 05:44:35 - Делаем сортировку и подгрузку 06:03:20 - Что было за кадром? 06:13:25 - Реализуем оплату 06:37:25 - Финал 06:47:25 - В заключении #Amazon #React #nextjs #nestjs #typescript #redux #RedGroup 👉 Все ссылки (+ настройка редактора) и информация обо мне - https://redlinks.tech/ Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

Готовим варианты загрузки

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

mobile menu iconКак можно скачать видео "🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [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 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]" выбрать?mobile menu icon

  • Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

mobile menu iconПочему компьютер зависает при загрузке видео "🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]"?mobile menu icon

  • Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

mobile menu iconКак скачать видео "🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]" на телефон?mobile menu icon

  • Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]"?mobile menu icon

  • Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

mobile menu iconКак сохранить кадр из видео "🚀 AMAZON 2.0 - ИНТЕРНЕТ МАГАЗИН с нуля за 6 часов [Next / React / Nest / PostgreSQL / Prisma / TS]"?mobile menu icon

  • Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

mobile menu iconСколько это всё стоит?mobile menu icon

  • Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.