Prospero Frontend

Визуальная часть проекта

Запуск проекта

pnpm i && pnpm run dev

Стек и его смысл

1. Next.js - роутинг, отрисовка компонентов react, SSR и SSG из коробки;
2. Typescript - уменьшения ошибок с типизацией и подсказок в коде;
3. RTK & RTK Query - хранение состояния и API
4. FSD - организация кода;
5. Mantine UI - подходящие UI компоненты и React хуки (useDebouncedValue);
6. SCSS - наследование;
7. Yandex Maps – визуализации новостей на карте;
8. Yandex.Metrica – сбор статистики и действий пользователя;

Документации

• Next.js Documentation.
• Feature-Sliced Design - продуманная файловая структура
• Пример FSD

Заметки

FSD

/app ~→ /appFSD Переименовал согласно решению конфликтов

У Next.js свои правила на папку app и pages

---

GraphQL

неактуально: только 1 ручка и 1 сущность новости

---

Админка

Мб, понадобится Prospero Admin 0. Авторизация

1. Ввод RSS источника
2. Маппинг полей
3. Скрипт или файл на JS/GO (XML → JS)
4. Тест значения (ручка для файла на GO)
5. Загрузка в redis ссылки и схемы для скрипта
6. Круто, если за это отвечает микросервис получения статей

---

Комиссия

На защите подкинули идею: границы окна Yandex.Maps задают границы карты. За границей карты новости не рисуются

График за новостями оказался понятен комиссии