Добро пожаловать на новый захватывающий курс, который, возможно, лучший из тех, что вы когда-либо видели, я говорю о создании полностью продвинутого веб-сайта электронной коммерции с использованием набора инструментов React, Next, MongoDB, Redux, next auth и многих других захватывающих инструментов, что позволит вам создать один из лучших веб-сайтов, который вы можете себе представить.
Все видео необходимо смотреть до конца. Чтобы вы не пропустили ни одной интересной функции, я использовал совершенно другой подход, чем большинство веб-сайтов электронной коммерции, которые вы видите в других курсах. Наши продукты будут перечислены в свайперах, и это позволит увидеть продукт в его полной форме и разных стилях, потому что наши продукты состоят из многих параметров (например, у вас есть куртка, но куртка может быть черной, зеленой, красной, и каждый цвет будет отличаться, размеры и каждый размер, иметь разное количество и цену), так что, видели ли вы что-то подобное в любом другом месте? Это первый более реалистичный подход, который вы видите на таких сайтах, как Amazon, Ebay и т. д.
Каждый продукт будет иметь свою собственную страницу, которая выглядит потрясающе, также мы добавили инструмент масштабирования, чтобы приближать продукт для лучшего просмотра, также у нас будет некоторая статистика по отзывам с возможностью добавить подробный обзор и возможностю использовать изображения. У нас будет таблица для демонстрации всех отзывов с фильтрацией, нумерацией страниц и т. д.
Самая важная часть начинается с корзины, над которой мы очень хорошо поработали, добавленные товары будут отображаться, а также обновлятся каждый раз, чтобы убедиться, что они все еще доступны и цены актуальны.
Переходя на страницу оформления заказа, где вы можете увидеть сводку вашей корзины и товары, которые у вас есть. Вы сможете выбрать товар, с которым хотите продолжить, и даже добавить свои собственные.
После размещения заказа вы можете оплатить его тремя способами:
- PayPal
- Strpe, чтобы вы могли платить своей кредитной картой напрямую
- Также у нас будет указана возможность заплатить наличными при доставке.
Мы разберем главную страницу, где будут отображатся ваши продукты, поиск, фильтрация. Вы сможете выбрать категорию, бренды, размеры, цвета, стили или смешать все это вместе, добавив ценовые и рейтинговые фильтры и сортировать по-разному.
Позже, мы разберем геолокацию, чтобы вы могли определить, из какой страны пользователь заходит на ваш веб-сайт, и получить всю необходимую информацию, которую сможете использовать в своих интересах, чтобы показать или скрыть определенные продукты от пользователя из определенного региона, как это делают крупные веб-сайты. Мы добавим систему рассылки новостей, подключенную к API mailchimp и сможем собирать все зарегистрированные электронные почты, которым потом можно будет отправлять рекламные предложения.
Мы поговорим о нашей системе аутентификации с использованием next auth, которую можно будет очень расширенно настроить в зависимости от ваших потребностей. При регистрации будут строго проверенные формы,с возможностю зарегистрироваться, и даже получить электронное письмо для проверки и активации учетной записи.
Мы подошли к процессу входа в систему, поэтому мы будем использовать next auth для входа в систему с использованием учетных данных, а также для входа в социальные сети, такие как Google, Twitter, Github. Мы также будем использовать промежуточное программное обеспечение на стороне сервера для защиты каждого маршрута, не забывая также про возможность сброса пароля.
На странице профиля, вы сможете настроить свой профиль, просмотреть заказы со всеми их различными статусами, а также сможете управлять своими товарами, добавлять, удалять, выбрать способ оплаты по умолчанию и сменить пароль.
На панели администратора будут краткие данные о статистике, последних заказах и пользователях. Чтобы вы могли создать продукт со всем необходимым включая изображения, мы будем загружать все в Cloudinary (наш облачный сервис).
В конце мы перейдем к заказам, которые будут отображатся умным образом, где вы сможете увидеть основную информацию, затем развернуть, чтобы увидеть сначала информацию о пользователе, информацию о доставке, а затем все детали, чтобы вы точно знали, какой продукт вы должны отправить, фактическое количество и т. д...
У вас также будет страница для пользователей, где вы сможете видеть всех пользователей и администрировать. Также у вас будет страница для всех продуктов, где можно увидеть все категории, показывающие различные продукты и подкатегории для этих продуктов.
Почти 50 часов контента, за счет более 220 видео, это несложный курс, так что присоединяйтесь и станьте лучшим разработчиком.
Probably if you know all of this and just want to see new approaches, try it.
For me, mostly all setups I did from my background, things I used in production env, as I see old approaches. My opinion, mentor is using some stuff he was working with in some company without full understanding what and why was used, just philosophy "If it working - don't touch it!". It's more like a stackoverflow post with old way to do something. As long as course is without typescript - there probably are outdated things.
But in overall - course have ideas to give.
if folders is empty, it means there was only videos.