Разработка и деплой сайта с нуля и анимацией ➤ ReactJS, RTK, Framer Motion, Contentful, Graphql

Сегодня будем создавать сайт с большим количеством разной анимации, например, одной из самых популярных - parallax-эффект. Научимся работать с компонентами, используя библиотеку ReactJS, познакомимся с Framer motion, организуем хранилище с Redux Toolkit (RTK), добавим контент через платформу Contentful и с помощью Graphql получим реальные данные на нашем сайте. Не обойдемся без react router dom, swiper, scroll on animate и проч. и проч. 00:00 - Интро, знакомство с проектом 02:05 - Установка библиотек, создание структуры сайта 17:47 - Обзор работы с Contentful 22:43 - Создание Header стили для него 48:45 - Добавление основного баннера на главную страницу 57:27 - Пишем логику и стили для блока с турами 01:32:31 - Добавление баннера с видео 01:36:08 - Прописываем код для компоненты с треками (музыкой) 02:02:44 - Создание баннера магазина с анимацией 02:14:57 - Работа со слайдером (Swiper) новостей 02:31:16 - Добавление футера 02:42:51 - Анимация прелоадера 02:45:24 -