Эволюция взаимодействия Nuxt и NestJS: от REST к GraphQL через паттерн Repository и Nuxt layers

Расскажу, как мы последовательно трансформировали фронтенд и бэкенд, написанные на Nuxt и NestJS, — изначально основываясь на REST и useFetch, а затем переходя к GraphQL с автоматической генерацией типов.

Обсудим:

• Repository pattern. Как и почему мы выделили слой абстракции для вызовов API, чтобы упростить логику взаимодействия и сделать код чище.
• Nuxt layers. Разделение логики и файлов в Nuxt, чтобы избавиться от «помойки» и структурировать проект.
• Проблему REST. Рассинхронизацию типов, дублирование кода и необходимость ручного сопровождения описаний API.
• Переход на GraphQL. Решение проблем типизации и документации, а также улучшение процесса разработки за счет автогенерации типов (GraphQL Code Generator) и Apollo.
• Модульность и удобство NestJS. Преимущества микса контроллеров и резолверов, которые дают гибкость при переходе от REST к GraphQL.

Используемые технологии: Nuxt + Nuxt layers, Repository pattern, NestJS, GraphQL, Apollo + GraphQL Code Generator.

Будет интересно web-разработчикам, архитекторам, а также всем, кто сталкивается с неудобством ручной синхронизации типов и разрастающейся кодовой базой в проектах на Nuxt/Nest. Как новичкам, ищущим способ постепенно внедрять GraphQL, так и опытным разработчикам, которые хотят систематизировать подход к архитектуре фронта и бэка.