Автор: dvcarrot
-
Nuxt Layers: модульная архитектура для больших проектов
Введение Когда проект становится крупным, классическая структура “всё в одном” начинает мешать: конфиги разрастаются, компоненты и утилиты перемешиваются, повторное использование становится болью. В Nuxt 4 появилась мощная возможность — Layers (слои). Слои позволяют разделять код на независимые модули: конфигурации, темы, UI-библиотеки, бизнес-фичи. Это упрощает масштабирование, повторное использование и делает архитектуру чище. Что такое Nuxt Layers…
-
Что нового в Nuxt 4: обзор для веб-разработчиков
Nuxt остаётся одним из самых популярных фреймворков для разработки приложений на Vue. Он сочетает в себе простоту Vue с мощными возможностями рендеринга, маршрутизации, серверной логики и оптимизации. С выходом Nuxt 4 команда сделала важный шаг вперёд: обновила архитектуру, улучшила работу с данными и значительно доработала поддержку TypeScript. Разберёмся, что изменилось и почему стоит рассмотреть переход.…
-
Подключение Arduino к браузеру с помощью Web Serial API
Современные веб-приложения перестают быть чисто «онлайн-сервисами». Сегодня они способны взаимодействовать с реальными устройствами. Один из примеров — Web Serial API, который позволяет браузеру подключаться к последовательным портам (COM, USB-UART) и напрямую обмениваться данными с микроконтроллерами. Зачем это нужно Если раньше для общения с Arduino требовалось писать настольные программы или использовать промежуточные серверы, то теперь можно:…
-
Автоматическая регистрация Vue-компонентов с уникальными именами и произвольной вложенностью
В больших проектах на Vue часто приходится работать с десятками (а то и сотнями) компонентов. Их импорт и регистрация вручную быстро превращаются в рутину. Для автоматизации этого процесса существует удобный инструмент — unplugin-vue-components. В этой статье разберём, как правильно настроить его так, чтобы: Базовое использование Устанавливаем плагин: Подключаем в vite.config.ts: Теперь любой .vue-компонент из src/components…
-
Использование Astro.js с Vue: современный подход к веб-разработке
Современные сайты требуют одновременно высокой скорости, удобной разработки и гибкой архитектуры. Если раньше приходилось выбирать между статическим сайтом (SEO и скорость) и SPA (удобная логика, но тяжёлый бандл), то сегодня этот компромисс решают новые инструменты. Один из них — Astro. Astro — это мета-фреймворк, который позволяет собирать сайты из компонентов разных UI-библиотек (Vue, React, Svelte,…
-
Автоматический импорт компонентов в Vue с помощью unplugin-vue-components и Vite
При разработке на Vue часто приходится вручную импортировать и регистрировать компоненты. Это утомляет и засоряет код…
-
@container Queries в Tailwind CSS: новый уровень адаптивности
Адаптивная верстка уже давно стала стандартом, и большинство разработчиков привыкли к media queries, где условия задаются на основе размеров окна браузера. Однако в реальных проектах часто возникает задача адаптировать элементы не к размеру экрана, а к размеру контейнера, внутри которого они находятся. Именно для этого и нужны container queries — новая технология, которая теперь доступна…
-
UnoCSS + Nuxt: новая скорость и гибкость вместо Tailwind
В мире фронтенда производительность, гибкость и DX (разработческий опыт) — ключевые параметры при выборе стека. И если раньше большинство Nuxt-проектов по умолчанию использовали Tailwind CSS, то сегодня на смену приходит UnoCSS — современный атомарный CSS-движок, который предлагает куда больше, чем просто альтернативу. Что такое UnoCSS? UnoCSS — это атомарный CSS-инструмент нового поколения, вдохновлённый Tailwind, но…
-
UnoCSS: Молниеносный и Гибкий CSS-Инструмент для Современной Веб-Разработки
В мире веб-разработки стилизация интерфейсов давно вышла за рамки простых CSS-файлов. Инструменты вроде Tailwind CSS полностью изменили подход к написанию стилей — теперь чаще используют utility-first CSS, где стили пишутся прямо в классы элементов. Но Tailwind, несмотря на свою популярность, имеет и свои ограничения — большой размер сгенерированного CSS, длительный процесс сборки и жесткие ограничения…
-
Vapor Mode во Vue: новое слово в производительности фронтенда
рендеринг в Vue до сих пор базировался на виртуальном DOM. С появлением Vapor Mode всё может измениться.