Создание сайта на Next.js в г. Николаев — разделение слоёв

Во многих старых проектах вид страницы и работа с базой переплетены в одном файле, и любая правка становится рискованной. Здесь интерфейс и источник данных разведены: изменить вид раздела можно, не трогая логику, и наоборот.

Стек
Next.js, React
Слои
Разделены
Запуск
Этапами
Схема фронтенд-архитектуры: компоненты, рендеринг, API-интеграции и сборка для продакшенаКОМПОНЕНТЫРЕНДЕРИНГAPICMSBUILDTYPESCRIPT · ИНТЕГРАЦИИ · PERFORMANCE

Когда разделение
экономит время

  • Дизайн будут менять

    Вид обновляют чаще логики.

  • Источник данных изменится

    Учёт или CMS планируют заменить.

  • Несколько исполнителей

    Дизайн и бэкенд делают разные люди.

  • Поэтапный запуск

    Разделы выходят один за другим.

Как разводятся
части проекта

Граница между слоями описывается договором о данных, а не привычкой разработчика.

  • Слой данных

    Откуда и в каком виде берётся содержимое.

  • Слой логики

    Правила обработки и проверки.

  • Слой интерфейса

    Компоненты и страницы.

  • Контракт

    Описание полей, согласованное между слоями.

  • Границы ответственности

    Кто что меняет без согласования.

Что это даёт
на дистанции

  • Локальные изменения

    Правка не тянет за собой остальное.

  • Замена источника

    CMS меняется без перевёрстки.

  • Параллельная работа

    Дизайн и бэкенд идут одновременно.

  • Более простая проверка

    Каждый слой тестируется отдельно.

Вопросы о
устройство проекта

  • Не делает ли разделение проект дороже?

    На старте — немного, потому что надо описать границы между слоями. На проекте, который будут развивать годами, это возвращается: большинство изменений затрагивает один слой, а не весь код сразу.

  • Можно ли оставить имеющуюся базу данных?

    Обычно да. Интерфейс обращается к ней через описанный обмен, и сама база при этом не переезжает. Изменения в ней нужны только тогда, когда текущая структура не даёт выдать нужные данные.

  • С чего начинается первый этап?

    С одного полного сценария — от открытия страницы до сохранения результата. Он проверяет контракт между слоями на практике, и дальше остальные разделы строятся уже по проверенной схеме.

  • Можно ли изменить дизайн без переделки логики?

    Да, пока набор данных остаётся тем же. Если же новый дизайн требует полей, которых раньше не было, изменения затронут и слой данных — это нормально, просто планируется заранее.

Опишем устройство проекта для вашей компании в Николаеве

Расскажите, что уже работает и что планируют менять, — предложим, как развести это на слои.