Сайт-Портфолио с нуля до деплоя на: Next.js + TypeScript + Email.js + SASS + GSAP + Vercel

Опубликовано: 06 Октябрь 2024
на канале: IN OBLIVION

5,833

278

Телеграм канал: https://t.me/vftuijgd
Чат для вопросов и общения: https://t.me/skillblog1

Исходники: https://clck.ru/33BTh5
Макет: https://clck.ru/33BUrh
Результат: https://portfolio-youtube.vercel.app/
Neon Text: https://clck.ru/33BV5m

(00:00) Начало
(01:03) Инициализация проекта
(02:10) Установка зависимостей
(04:05) Общие стили для проекта
(07:30) Анимация шаров для фона
(09:18) Иконка для вкладки сайта

_________HEADER_________
(11:30) Создание компонента Header
(12:30) Создание логотипа
(14:20) Создание меню навигации
(29:45) Хук для адаптива
(35:30) Бургер меню

_________HERO_________
(45:00) Создание компонента Hero
(52:14) Анимация Gsap
(58:47) Адаптив

_________ABOUT_________
(1:05:05) Создание секции About
(1:22:09) Адаптив

_________SKILLS_________
(1:32:32) Создание секции Skills
(1:40:12) Адаптив

_________PORTFOLIO_________
(1:46:12) Создание секции Portfolio
(1:48:00) Логика с табами
(2:16:10) Создание слайдера
(2:21:25) Адаптив

_________CONTACT FORM_________
(2:32:00) Создание секции Формы связи
(2:48:50) Логика отправки формы на почту
(2:54:48) Добавление Алерта
(2:57:40) Добавление Спиннера
(2:59:40) Адаптив

_________FOOTER_________
(3:02:17) Создание футера
(3:11:42) Адаптив

(3:18:27) Страницы с правилами и политикой
(3:23:43) Добавление прогресс бара
(3:24:36) Деплой

QIWI Кошелек: https://qiwi.com/n/DARYR422

#js #nextjs #react #typescript #gsap #scss