Рубрика: Nuxt
-
В вёрстке часто возникает ситуация: DOM-обёртка есть, а в layout’е она мешает.Особенно это заметно в приложениях на Nuxt, где почти всегда есть корневой контейнер #__nuxt. CSS-свойство display: contents — редкий, но мощный инструмент, который позволяет визуально «убрать» элемент, не удаляя…
-
Создание блога на Strapi v5 и Nuxt 3 с SSR
Если вы хотите создать динамический сайт или блог с управляемым контентом, связка Strapi v5 + Nuxt 3 — идеальное решение. Strapi отвечает за хранение и управление контентом, а Nuxt 3 рендерит страницы на сервере для SEO и высокой производительности. В…
-
useState в Nuxt: простой способ хранить состояние без сторов
Nuxt предоставляет мощный набор встроенных composables для работы с данными и состоянием. Один из самых часто используемых — это useState. Он позволяет создавать реактивное состояние, которое безопасно работает как на клиенте, так и на сервере (SSR/SSG). С помощью useState можно…
-
Что нового в Nuxt 4: обзор для веб-разработчиков
Nuxt остаётся одним из самых популярных фреймворков для разработки приложений на Vue. Он сочетает в себе простоту Vue с мощными возможностями рендеринга, маршрутизации, серверной логики и оптимизации. С выходом Nuxt 4 команда сделала важный шаг вперёд: обновила архитектуру, улучшила работу…
-
UnoCSS + Nuxt: новая скорость и гибкость вместо Tailwind
В мире фронтенда производительность, гибкость и DX (разработческий опыт) — ключевые параметры при выборе стека. И если раньше большинство Nuxt-проектов по умолчанию использовали Tailwind CSS, то сегодня на смену приходит UnoCSS — современный атомарный CSS-движок, который предлагает куда больше, чем…
-
Сравнение Nuxt.js и Astro: какой фреймворк выбрать?
В мире современной веб-разработки существует множество инструментов для создания быстрых и SEO-дружественных сайтов. Два популярных решения — Nuxt.js и Astro — предлагают разные подходы к разработке. В этой статье мы сравним их по ключевым параметрам, чтобы помочь вам выбрать подходящий…
-
Обновление Nuxt.js приложения при выходе новой версии
Для реализации механизма обновления фронтенда Nuxt.js при выходе новой версии можно использовать несколько подходов…
-
Разработка Nuxt PWA и хранение данных из API
При обновлении данных API кешированные версии могут устаревать
-
Как сделать Nuxt PWA оффлайн-доступным: полное руководство
Progressive Web Apps (PWA) — это мощный инструмент для создания веб-приложений, которые работают даже без интернета.
-
Использование библиотеки Valibot в Nuxt 3 с формой UForm из @nuxt/ui
В современной веб-разработке валидация форм является критически важной частью пользовательского опыта. В этой статье я покажу, как интегрировать мощную библиотеку валидации Valibot с формами UForm из модуля @nuxt/ui в Nuxt 3. Что такое Valibot? Valibot — это легковесная библиотека для…