https://kkucherenkov.github.io/tags/fsd/Recent content in Fsd on Kirill's homepageHugoru<a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="noopener">CC BY-NC 4.0</a>Tue, 14 Jul 2026 01:36:16 +0400https://kkucherenkov.github.io/posts/fsd_nuxt3_migration/Tue, 14 Jul 2026 01:36:16 +0400https://kkucherenkov.github.io/posts/fsd_nuxt3_migration/<p>В <a href="https://kkucherenkov.github.io/posts/fsd_nuxt3_conflicts/">прошлом посте</a> мы разобрали, почему Feature-Sliced Design конфликтует с конвенциями Nuxt 3 и как эти конфликты разрешаются конфигурацией. Остался главный практический вопрос: <strong>чем охранять архитектуру?</strong> Правила, которые не проверяются автоматически, умирают за квартал — какой-нибудь спешный хотфикс импортнёт стор напрямую из внутренностей слайса, за ним второй, и через полгода от FSD останутся только названия папок.</p> <p>Инструмента два: <strong>ручная конфигурация + линтер Steiger</strong> и <strong>Nuxt-модуль nuxt-fsd</strong>. Я сравнил их по десяти критериям на реальном production-проекте на Nuxt 3 (Apollo/GraphQL, Pinia, Storybook, сотня с лишним компонентов). Спойлер: выиграла ручная конфигурация, но не всухую — и проигравшие критерии не менее интересны, чем выигранные.</p>https://kkucherenkov.github.io/posts/fsd_nuxt3_conflicts/Tue, 14 Jul 2026 01:31:48 +0400https://kkucherenkov.github.io/posts/fsd_nuxt3_conflicts/<p>Представьте фронтенд-проект на Nuxt 3, которому несколько лет: 58 composables в одной папке, 33 стора, 12 middleware и под сотню компонентов в <code>components/blocks/</code>. Плоский список без семантической организации. Чтобы понять, куда положить новый composable, нужно сначала прочитать все существующие — иначе рискуешь продублировать. Новичок в команде обязан держать весь корень проекта в голове; вход растягивается на недели.</p> <p>Классический ответ на эту боль — <strong>Feature-Sliced Design (FSD)</strong>: методология, которая режет фронтенд на слои и изолированные слайсы с явными публичными контрактами. Проблема в том, что Nuxt 3 построен на противоположной философии — и при попытке натянуть FSD на Nuxt они начинают конфликтовать в совершенно конкретных местах. В этом посте разберём, что FSD обещает, где именно Nuxt его ломает и как эти конфликты разрешаются. В следующем — сравним два способа внедрения: ручную конфигурацию с линтером Steiger и модуль nuxt-fsd.</p>