Архитектура
[ 01 ] [ 02 ] [ 03 ] [ 04 ]
Frontend Architecture / Strapi / REST API
Архитектура фильтров для каталогов и рейтингов
Фильтры каталогов на Next.js и Strapi: общее состояние, URL-параметры, поиск и пагинация на городском портале Murino.
- 4+
- типа каталогов и рейтингов
- CMS
- управление данными через Strapi
- SSR
- страницы на Next.js
Frontend Architecture / CMS / Data Layer
Frontend-архитектура без зависимости от CMS
Интеграция Strapi и WordPress с Next.js и Nuxt: преобразование ответов CMS в данные для компонентов, типизация и обработка пустых полей.
- CMS
- источник данных, а не архитектура UI
- API
- локализация изменений ответа
- Strapi
- relations и populate вне компонентов
Frontend Architecture / Catalogs / Domain Logic
Масштабирование каталога под разные разделы
Архитектура каталогов для товаров, рецептов и городских объектов: общая загрузка и пагинация, отдельные карточки, маршруты и API.
- 4+
- предметных каталога
- API
- разные модели данных
- CMS
- каталоги из управляемого контента
Architecture / API Layer / TypeScript
Как уменьшить связанность между frontend и backend
API-слой для frontend: параметры запросов, пагинация, типизация ответов и обработка ошибок отдельно от компонентов интерфейса.
- API
- централизованные функции запросов
- 4+
- сценария получения данных
- Strapi
- backend-контракты за пределами UI