Автор: dvcarrot
-
Что такое CSS view-timeline-name и зачем он нужен
Современный CSS выходит за пределы обычных анимаций по времени — теперь можно привязывать анимации к прокрутке страницы и видимости элементов. Одним из инструментов для этого является свойство view-timeline-name.
-
Как Работает Механизм Документов В Strapi (draft & Publish)
Strapi использует особый механизм хранения контента, который часто вызывает вопросы у разработчиков: почему у одной и той же сущности может быть несколько записей в базе данных и как на самом деле работают черновики и публикация. Ниже разберём это на уровне концепции и хранения данных. Ключевая идея: Document ≠ Row В Strapi документ (document) — это…
-
display: contents — как он работает и зачем нужен в Nuxt
В вёрстке часто возникает ситуация: DOM-обёртка есть, а в layout’е она мешает.Особенно это заметно в приложениях на Nuxt, где почти всегда есть корневой контейнер #__nuxt. CSS-свойство display: contents — редкий, но мощный инструмент, который позволяет визуально «убрать» элемент, не удаляя его из DOM. Разберёмся, как он работает, какие у него ограничения и почему в Nuxt…
-
JavaScript Proxy — Самая недооценённая суперсила в JS ⚡
JavaScript — язык невероятно гибкий, и одна из его скрытых суперсил — это Proxy. Этот инструмент позволяет перехватывать и настраивать поведение объектов. Если вы до сих пор обходились без Proxy, самое время взглянуть на него повнимательнее. Что такое Proxy? Proxy — это объект-обёртка, который «ставится между вами и целевым объектом». С помощью Proxy вы можете:…
-
ChainRunner — простое решение для запуска задач по порядку в Laravel
Иногда в приложении нужно выполнить несколько задач строго в определённом порядке.Например: Можно, конечно, собрать всё в один Job, но тогда код становится тяжёлым и плохо читается. Поэтому удобнее разбить процесс на несколько маленьких задач, но всё равно запускать их по очереди, а не параллельно. Для такого случая я сделал небольшой класс — ChainRunner. Как выглядит…
-
Activity Log в Laravel: простой способ вести журнал действий моделей
В Laravel часто возникает необходимость отслеживать изменения моделей — кто что делал, когда были выполнены действия, и т.д. Один из простых и эффективных способов реализовать это — создать модель Activity Log, используя полиморфные связи…
-
Создание блога на Strapi v5 и Nuxt 3 с SSR
Если вы хотите создать динамический сайт или блог с управляемым контентом, связка Strapi v5 + Nuxt 3 — идеальное решение. Strapi отвечает за хранение и управление контентом, а Nuxt 3 рендерит страницы на сервере для SEO и высокой производительности. В этой статье разберём, как быстро настроить такой проект. 1. Настройка Strapi Теперь Strapi предоставляет REST…
-
Strapi: современный headless CMS для разработчиков
Разработка современных веб-приложений всё чаще опирается на разделение фронтенда и бэкенда. React, Vue, Next.js и другие фреймворки требуют гибкого API, а не монолитной CMS. Именно поэтому headless-подход за последние годы стал фактически стандартом. Среди решений, которые заняли лидирующие позиции, одно выделяется удобством и гибкостью — Strapi. В этой статье разберём, почему Strapi стал таким популярным,…
-
useState в Nuxt: простой способ хранить состояние без сторов
Nuxt предоставляет мощный набор встроенных composables для работы с данными и состоянием. Один из самых часто используемых — это useState. Он позволяет создавать реактивное состояние, которое безопасно работает как на клиенте, так и на сервере (SSR/SSG). С помощью useState можно легко делиться данными между компонентами без необходимости подключать сторонние библиотеки вроде Vuex или Pinia —…
-
Nuxt Layers: модульная архитектура для больших проектов
Введение Когда проект становится крупным, классическая структура “всё в одном” начинает мешать: конфиги разрастаются, компоненты и утилиты перемешиваются, повторное использование становится болью. В Nuxt 4 появилась мощная возможность — Layers (слои). Слои позволяют разделять код на независимые модули: конфигурации, темы, UI-библиотеки, бизнес-фичи. Это упрощает масштабирование, повторное использование и делает архитектуру чище. Что такое Nuxt Layers…