FooStack — это мое пространство для экспериментов, кода и практики.
Здесь я делюсь всем, что помогает мне и, надеюсь, поможет вам..
-
Веб-разработка давно живёт между двумя мирами: дизайном и кодом.Макеты в Figma есть, но в код они почти всегда попадают через интерпретацию: где-то округлили отступ, где-то забыли цвет, где-то Auto Layout превратился в «flex на ощущениях». С появлением MCP (Model Context…
-
Что такое CSS view-timeline-name и зачем он нужен
Современный CSS выходит за пределы обычных анимаций по времени — теперь можно привязывать анимации к прокрутке страницы и видимости элементов. Одним из инструментов для этого является свойство view-timeline-name.
-
Как Работает Механизм Документов В Strapi (draft & Publish)
Strapi использует особый механизм хранения контента, который часто вызывает вопросы у разработчиков: почему у одной и той же сущности может быть несколько записей в базе данных и как на самом деле работают черновики и публикация. Ниже разберём это на уровне…
-
display: contents — как он работает и зачем нужен в Nuxt
В вёрстке часто возникает ситуация: DOM-обёртка есть, а в layout’е она мешает.Особенно это заметно в приложениях на Nuxt, где почти всегда есть корневой контейнер #__nuxt. CSS-свойство display: contents — редкий, но мощный инструмент, который позволяет визуально «убрать» элемент, не удаляя…
-
JavaScript Proxy — Самая недооценённая суперсила в JS ⚡
JavaScript — язык невероятно гибкий, и одна из его скрытых суперсил — это Proxy. Этот инструмент позволяет перехватывать и настраивать поведение объектов. Если вы до сих пор обходились без Proxy, самое время взглянуть на него повнимательнее. Что такое Proxy? Proxy…
-
ChainRunner — простое решение для запуска задач по порядку в Laravel
Иногда в приложении нужно выполнить несколько задач строго в определённом порядке.Например: Можно, конечно, собрать всё в один Job, но тогда код становится тяжёлым и плохо читается. Поэтому удобнее разбить процесс на несколько маленьких задач, но всё равно запускать их по…
-
Activity Log в Laravel: простой способ вести журнал действий моделей
В Laravel часто возникает необходимость отслеживать изменения моделей — кто что делал, когда были выполнены действия, и т.д. Один из простых и эффективных способов реализовать это — создать модель Activity Log, используя полиморфные связи…
-
Создание блога на Strapi v5 и Nuxt 3 с SSR
Если вы хотите создать динамический сайт или блог с управляемым контентом, связка Strapi v5 + Nuxt 3 — идеальное решение. Strapi отвечает за хранение и управление контентом, а Nuxt 3 рендерит страницы на сервере для SEO и высокой производительности. В…
-
Strapi: современный headless CMS для разработчиков
Разработка современных веб-приложений всё чаще опирается на разделение фронтенда и бэкенда. React, Vue, Next.js и другие фреймворки требуют гибкого API, а не монолитной CMS. Именно поэтому headless-подход за последние годы стал фактически стандартом. Среди решений, которые заняли лидирующие позиции, одно…
-
useState в Nuxt: простой способ хранить состояние без сторов
Nuxt предоставляет мощный набор встроенных composables для работы с данными и состоянием. Один из самых часто используемых — это useState. Он позволяет создавать реактивное состояние, которое безопасно работает как на клиенте, так и на сервере (SSR/SSG). С помощью useState можно…