Практика создания интернет магазина на Next.js (Next.js React.js MongoDB) ч 2. Рендеринг товаров

Поділитися
Вставка
  • Опубліковано 26 лип 2022
  • Создаем полноценный интернет магазин на Next.js, с аунтификацией и авторизациейц пользователей, админкой и всеми необходимыми для него вещами. В этом видео рендерим товары на главной странице.
    0:00:03 Данные о товарах, массив объектов
    0:03:12 Создание компонента карточки товаров, не забыть про export defolt data
    0:05:20 Создание компонента карточки товаров - Link
    0:12:03 Создание компонента карточки товаров - рендерим картинку товара
    0:16:00 Создание компонента карточки товаров - выводим название, цену и описание товара
    0:23:29 Рендеринг всех товаров в main - адаптивная сетка для карточек товаров
    0:26:09 Рендеринг всех товаров в main - вывод всех товаров с помощью метода map
    0:32:33 Экскурс в стили примененные на странице
    0:36:18 Делаем раздел main компонентом

КОМЕНТАРІ • 4

  • @zakchips
    @zakchips Рік тому +1

    Спасибо, в т.ч. за небольшие пояснения про css классы. Вынесла в конце footer, header в отдельные компоненты.

    • @coderway5617
      @coderway5617  Рік тому +1

      сегодня начинаю готовить часть 3. Детальную страницу товара

  • @Hermes_EGSHA
    @Hermes_EGSHA Рік тому

    Ваше видео очень помогло! Продолжайте!!!