Введение

Мой первый сложный проект с использованием React.js - сайт для торговой площадки, где пользователи могут создавать аккаунты, настраивать свой личный профиль, создавать магазины, товары, рекламные посты и вакансии, добавлять товары в корзину и вести переписку с продавцами. В этом проекте я работал исключительно над Frontend. Я находился в постоянном контакте со специалистом, отвечающим за Backend.

Ссылки

• Git-репозиторий - не доступен из-за NDA

Выбор фреймворка Next.js

Для заказчика была очень важна SEO-оптимизация, наличие каждой страницы сайта в результатах поисковых систем, поэтому в качестве основной технологии был выбран Next.js. Она имеет под капотом привычный и знакомый React.js и обеспечивает удобную работу с маршрутизацией, созданием страниц и SSR.

Ход работы

В ходе работы над проектом я познакомился с рядом необходимых технологий и библиотек, таких как:

• Incremental Static Regeneration (ISR) в Next.js
• Сокет для реализации чата (https://www.npmjs.com/package/react-use-websocket)
• Google Firebase Auth - пользователи могут использовать социальные сети для регистрации и авторизации на сайте

Скриншоты