#nuxtjs — Public Fediverse posts

Как я 8 дней ловил утечку памяти в Nuxt 3 SSR, и несколько раз думал, что починил

Всем привет. Я занимаюсь фронтендом в небольшой команде сервиса бронирования отелей. Хочу как я 8 дней ловил утечку памяти на проде, несколько раз думал, что починил, и каждый раз ошибался. А последний фикс был не в нашем коде, а в патче самого Vue, который через неделю апстрим откатил как регрессионный. У нас в результате осталась одна патч-версия, в которой утечки нет; обычный minor/patch update сейчас для нас не безопасен без повторной проверки heap-снапшотами. Наш стек Nuxt 3.18 + Vue 3.5.x + TypeScript, SSR, Pinia, PM2 cluster, nginx перед Node. Обычный каталог отелей с тысячами SEO-страниц вида /oteli-v-{город}/{подборка}

https://habr.com/ru/articles/1040346/

#memory_leak #утечка_памяти #Vuejs #Nuxtjs #Nodejs #JavaScript #SSR #V8

Как я 8 дней ловил утечку памяти в Nuxt 3 SSR, и несколько раз думал, что починил

Всем привет. Я занимаюсь фронтендом в небольшой команде сервиса бронирования отелей. Хочу как я 8 дней ловил утечку памяти на проде, несколько раз думал, что починил, и каждый раз ошибался. А последний фикс был не в нашем коде, а в патче самого Vue, который через неделю апстрим откатил как регрессионный. У нас в результате осталась одна патч-версия, в которой утечки нет; обычный minor/patch update сейчас для нас не безопасен без повторной проверки heap-снапшотами. Наш стек Nuxt 3.18 + Vue 3.5.x + TypeScript, SSR, Pinia, PM2 cluster, nginx перед Node. Обычный каталог отелей с тысячами SEO-страниц вида /oteli-v-{город}/{подборка}

https://habr.com/ru/articles/1040346/

#memory_leak #утечка_памяти #Vuejs #Nuxtjs #Nodejs #JavaScript #SSR #V8

Как я 8 дней ловил утечку памяти в Nuxt 3 SSR, и несколько раз думал, что починил

Всем привет. Я занимаюсь фронтендом в небольшой команде сервиса бронирования отелей. Хочу как я 8 дней ловил утечку памяти на проде, несколько раз думал, что починил, и каждый раз ошибался. А последний фикс был не в нашем коде, а в патче самого Vue, который через неделю апстрим откатил как регрессионный. У нас в результате осталась одна патч-версия, в которой утечки нет; обычный minor/patch update сейчас для нас не безопасен без повторной проверки heap-снапшотами. Наш стек Nuxt 3.18 + Vue 3.5.x + TypeScript, SSR, Pinia, PM2 cluster, nginx перед Node. Обычный каталог отелей с тысячами SEO-страниц вида /oteli-v-{город}/{подборка}

https://habr.com/ru/articles/1040346/

#memory_leak #утечка_памяти #Vuejs #Nuxtjs #Nodejs #JavaScript #SSR #V8

Как я 8 дней ловил утечку памяти в Nuxt 3 SSR, и несколько раз думал, что починил

Всем привет. Я занимаюсь фронтендом в небольшой команде сервиса бронирования отелей. Хочу как я 8 дней ловил утечку памяти на проде, несколько раз думал, что починил, и каждый раз ошибался. А последний фикс был не в нашем коде, а в патче самого Vue, который через неделю апстрим откатил как регрессионный. У нас в результате осталась одна патч-версия, в которой утечки нет; обычный minor/patch update сейчас для нас не безопасен без повторной проверки heap-снапшотами. Наш стек Nuxt 3.18 + Vue 3.5.x + TypeScript, SSR, Pinia, PM2 cluster, nginx перед Node. Обычный каталог отелей с тысячами SEO-страниц вида /oteli-v-{город}/{подборка}

https://habr.com/ru/articles/1040346/

#memory_leak #утечка_памяти #Vuejs #Nuxtjs #Nodejs #JavaScript #SSR #V8

Как я создавал платформу для внутренних торгов мебелью и почему для этого выбрал PocketBase + Nuxt 3

Привет, Я Ваня Демидов, разработчик Selectel. Осенью наша компания решила запустить платформу, на которой сотрудники могли бы купить ненужную офисную мебель. Например, ту, что перестала подходить к обновленному дизайну переговорок, кофе-пойнтов или рабочего спейса. В этой статье я расскажу, как создавал такую платформу и поделюсь опытом использования Nuxt3 и Pocketbase.

https://habr.com/ru/companies/selectel/articles/1032918/

#selectel #nuxtjs #pocketbase #базы_данных #разработка #фронтендразработка #петпроект

Как я создавал платформу для внутренних торгов мебелью и почему для этого выбрал PocketBase + Nuxt 3

Привет, Я Ваня Демидов, разработчик Selectel. Осенью наша компания решила запустить платформу, на которой сотрудники могли бы купить ненужную офисную мебель. Например, ту, что перестала подходить к обновленному дизайну переговорок, кофе-пойнтов или рабочего спейса. В этой статье я расскажу, как создавал такую платформу и поделюсь опытом использования Nuxt3 и Pocketbase.

https://habr.com/ru/companies/selectel/articles/1032918/

#selectel #nuxtjs #pocketbase #базы_данных #разработка #фронтендразработка #петпроект

Как я создавал платформу для внутренних торгов мебелью и почему для этого выбрал PocketBase + Nuxt 3

Привет, Я Ваня Демидов, разработчик Selectel. Осенью наша компания решила запустить платформу, на которой сотрудники могли бы купить ненужную офисную мебель. Например, ту, что перестала подходить к обновленному дизайну переговорок, кофе-пойнтов или рабочего спейса. В этой статье я расскажу, как создавал такую платформу и поделюсь опытом использования Nuxt3 и Pocketbase.

https://habr.com/ru/companies/selectel/articles/1032918/

#selectel #nuxtjs #pocketbase #базы_данных #разработка #фронтендразработка #петпроект

Как я создавал платформу для внутренних торгов мебелью и почему для этого выбрал PocketBase + Nuxt 3

Привет, Я Ваня Демидов, разработчик Selectel. Осенью наша компания решила запустить платформу, на которой сотрудники могли бы купить ненужную офисную мебель. Например, ту, что перестала подходить к обновленному дизайну переговорок, кофе-пойнтов или рабочего спейса. В этой статье я расскажу, как создавал такую платформу и поделюсь опытом использования Nuxt3 и Pocketbase.

https://habr.com/ru/companies/selectel/articles/1032918/

#selectel #nuxtjs #pocketbase #базы_данных #разработка #фронтендразработка #петпроект

@dansup we love #NuxtJS as well :D

Vue.js Amsterdam 2026: будущее экосистемы Vite

Недавно в Амстердаме прошла конференция Vue.js Amsterdam 2026 — ежегодное мероприятие, посвящённое экосистеме Vite и современным инструментам фронтенд-разработки. В этом году программа оказалась особенно насыщенной. Команда экосистемы показала сразу несколько направлений развития: обновления ключевых инструментов, новые эксперименты в архитектуре фронтенд-фреймворков и попытку собрать полноценную платформу разработки вокруг Vite. В этой статье разберём основные анонсы конференции: Vite 8 , Vite+ , Void Cloud , а также обновления Vue и Nuxt .

https://habr.com/ru/companies/first/articles/1015150/

#vue #vuejs #vite #rolldown #nuxt #nuxtjs #vue3 #vapor #javascript

Что нового в Nuxt? Обзор новых версий

Привет, Хабр! Меня зовут Иван и я занимаюсь frontend-разработкой в компании SimbirSoft. В марте 2026 на официальном сайте Nuxt объявили о выходе новой версии Nuxt v4.4 . В ней произведена миграция на Vue Router v5, добавлена возможность создания пользовательских фабрик useFetch/useAsyncData, типизация пропсов в Layout, новый композабл и компоненты для работы с доступностью, профилирование сборки, улучшение производительности и многое другое. Также в январе вместе с выходом версии Nuxt v4.3 разработчики продлили поддержку Nuxt 3 до 31 июля 2026 года (ранее указывали срок до 31 января 2026 года). Решение было принято после открытия обсуждения , чтобы узнать у сообщества, как прошло обновление с версии 3 до версии 4. Многие отметили, что ждут новостей о сроках релиза Nuxt 5, который должен выйти вместе с Nitro 3, поэтому пока не спешат обновляться на четвертую версию. А пока мы ждем новостей, давайте посмотрим, какие интересные нововведения появились в последних релизах Nuxt. Данная статья — это краткий обзор на новые фичи и изменения, которые мне показались интересными. Жми, чтобы узнать про новые фичи Nuxt🔥

https://habr.com/ru/companies/simbirsoft/articles/1013648/

#Nuxt #nuxtjs #vuejs #обзор

Contentful is hiring Senior Solution Architect

🔧 #java #javascript #php #python #ruby #swift #dotnet #angular #nextjs #nuxtjs #react #remix #vue #node #graphql #rest #seniorengineer #solutionsarchitect
🌎 Dublin, Ireland
⏰ Full-time
🏢 Contentful

Job details https://jobsfordevelopers.com/jobs/senior-solution-architect-at-contentful-com-jan-25-2026-36037f?utm_source=mastodon.world&utm_medium=social&utm_campaign=posting
#jobalert #jobsearch #hiring

Полный деплой Strapi CMS + Nuxt.js на Ubuntu

Пошаговое руководство по развёртыванию блога с нуля: Strapi CMS (админка и API) и Nuxt.js (фронтенд) на VPS Ubuntu. В итоге — работающий блог за Nginx с возможностью включить SSL по отдельной инструкции. Узнать подробнее

https://habr.com/ru/articles/1004920/

#nuxtjs #strapi #strapi_5

The NuxtHub SaaS has gone away! this is AMAZING news. their API for DB, KV, blob storage, and cache is shit-hot, and deploys nicely on Cloudflare, but I hated that I had to manage my app on ANOTHER dashboard even though it was on Cloudflare.

The libraries are intact. Just the SaaS has gone. YES.

#nuxt #nuxtjs

The NuxtHub SaaS has gone away! this is AMAZING news. their API for DB, KV, blob storage, and cache is shit-hot, and deploys nicely on Cloudflare, but I hated that I had to manage my app on ANOTHER dashboard even though it was on Cloudflare.

The libraries are intact. Just the SaaS has gone. YES.

#nuxt #nuxtjs

I ❤️ #NuxtJS and #Tailwind so much!

It's such a great developer experience, and makes building the new @PixelFed redesign easier and faster 🚀

🚀 Host Nuxt SSR websites via Laravel Forge
https://dev.to/mandrasch/host-nuxt-ssr-websites-via-laravel-forge-5d16

What's your experience with Nuxt hosting on Forge?

#nodejs #SSR #nuxt #nuxtjs #laravelforge #forge #webdev

🚀 Host Nuxt SSR websites via Laravel Forge
https://dev.to/mandrasch/host-nuxt-ssr-websites-via-laravel-forge-5d16

What's your experience with Nuxt hosting on Forge?

#nodejs #SSR #nuxt #nuxtjs #laravelforge #forge #webdev

Okay, let's give this a try in the next days: NuxtJS (SSR hosting) on Laravel Forge (and Hetzner VPS).

#nuxt #nuxtjs #laravelforge #vps #nodejs #SSR

Okay, let's give this a try in the next days: NuxtJS (SSR hosting) on Laravel Forge (and Hetzner VPS).

#nuxt #nuxtjs #laravelforge #vps #nodejs #SSR

Как начать работать с Nuxt UI — библиотекой компонентов для Vue и Nuxt

Недавно UI-библиотека Nuxt UI получила серьёзное обновление — версию Nuxt UI 4. Это принесло два больших изменения. Во-первых, теперь можно использовать Nuxt UI не только с Nuxt, но и с Vue напрямую. Во-вторых, все ранее платные возможности (Pro-компоненты, стартовые шаблоны и Figma UI Kit) теперь полностью бесплатны. Всё это хороший повод разобраться, как же устроена Nuxt UI, в чём её преимущества и как начать с ней работать.

https://habr.com/ru/companies/timeweb/articles/971892/

#nuxt #nuxtjs #vue #vuejs #nuxt_ui #uiбиблиотеки #typescript #ui_kit #web #timeweb_статьи

Как начать работать с Nuxt UI — библиотекой компонентов для Vue и Nuxt

Недавно UI-библиотека Nuxt UI получила серьёзное обновление — версию Nuxt UI 4. Это принесло два больших изменения. Во-первых, теперь можно использовать Nuxt UI не только с Nuxt, но и с Vue напрямую. Во-вторых, все ранее платные возможности (Pro-компоненты, стартовые шаблоны и Figma UI Kit) теперь полностью бесплатны. Всё это хороший повод разобраться, как же устроена Nuxt UI, в чём её преимущества и как начать с ней работать.

https://habr.com/ru/companies/timeweb/articles/971892/

#nuxt #nuxtjs #vue #vuejs #nuxt_ui #uiбиблиотеки #typescript #ui_kit #web #timeweb_статьи

Как начать работать с Nuxt UI — библиотекой компонентов для Vue и Nuxt

Недавно UI-библиотека Nuxt UI получила серьёзное обновление — версию Nuxt UI 4. Это принесло два больших изменения. Во-первых, теперь можно использовать Nuxt UI не только с Nuxt, но и с Vue напрямую. Во-вторых, все ранее платные возможности (Pro-компоненты, стартовые шаблоны и Figma UI Kit) теперь полностью бесплатны. Всё это хороший повод разобраться, как же устроена Nuxt UI, в чём её преимущества и как начать с ней работать.

https://habr.com/ru/companies/timeweb/articles/971892/

#nuxt #nuxtjs #vue #vuejs #nuxt_ui #uiбиблиотеки #typescript #ui_kit #web #timeweb_статьи

Как начать работать с Nuxt UI — библиотекой компонентов для Vue и Nuxt

Недавно UI-библиотека Nuxt UI получила серьёзное обновление — версию Nuxt UI 4. Это принесло два больших изменения. Во-первых, теперь можно использовать Nuxt UI не только с Nuxt, но и с Vue напрямую. Во-вторых, все ранее платные возможности (Pro-компоненты, стартовые шаблоны и Figma UI Kit) теперь полностью бесплатны. Всё это хороший повод разобраться, как же устроена Nuxt UI, в чём её преимущества и как начать с ней работать.

https://habr.com/ru/companies/timeweb/articles/971892/

#nuxt #nuxtjs #vue #vuejs #nuxt_ui #uiбиблиотеки #typescript #ui_kit #web #timeweb_статьи

Static site generation (ssg) для ускорения сайта в 2-20 раз или важность кеширования

Думаю многие сталкивались со словом оптимизация в контексте работы с сайтами. Эта оптимизация может быть на многих уровнях, но всегда говорят об оптимизации сайтов и веб приложений затрагивают три основных аспекта: Скорость ответа сервера Вес ответа сервера Затрачиваемые ресурсы на ответ И если вес исправляется как правило эффективным сжатием, выбрасыванием не нужного, то в этой статье мы рассмотрим как можно оптимизировать скорость ответа и затрачиваемые ресурсы.

https://habr.com/ru/articles/972780/

#static_site_generation #vuejs #nuxtjs

Nuxt is so dang amazing, I love it. I've built 3 production websites with it so far this year ✨ joinloops.org fedidb.com fediverse.info The new Pixelfed UI will be the 4th 😉 #nuxt #NuxtJS #vue

Loops - Short videos. Your com...

Nuxt is so dang amazing, I love it.

I've built 3 production websites with it so far this year ✨

https://joinloops.org
https://fedidb.com
https://fediverse.info

The new Pixelfed UI will be the 4th 😉

#Nuxt #NuxtJS #Vue #Tailwind

Nuxt is so dang amazing, I love it.

I've built 3 production websites with it so far this year ✨

https://joinloops.org
https://fedidb.com
https://fediverse.info

The new Pixelfed UI will be the 4th 😉

#Nuxt #NuxtJS #Vue #Tailwind

Переезд с Nuxt 2 на Nuxt 3: почему для крупного интернет-магазина мы выбрали рерайт, а не миграцию

Пять лет назад мы запустили интернет-магазин на Nuxt 2. За это время он превратился в классический монолит: вносить правки стало дорого, а сайт начал «задыхаться» под нагрузкой. Когда вышел Nuxt 3, перед нами встал выбор: пытаться оживить проект через Nuxt Bridge или переписать всё с нуля. Мы проанализировали код и поняли: плавная миграция для нас — это путь к созданию «зомби-проекта». Слишком много фундаментальных отличий: Options API против Composition API, Vuex против Pinia, смена логики роутинга и несовместимость ключевых библиотек. В этой статье я рассказываю, как мы решились на полный рерайт крупного магазина стройматериалов и почему это было единственно верным стратегическим решением. Внутри кейса: — 4 технических «фаталити» , которые делают миграцию легаси-монолита невозможной. — Архитектура FSD + Nuxt 3: как мы подружили фронтенд с бэкендом на Symfony и навели порядок в зависимостях. — Паттерн «Фабрика»: как упростить сложную логику доставки в Composition API. — Бонус: почему благодаря правильному старту недавнее обновление с Nuxt 3 до Nuxt 4 заняло у нас минимум времени, в отличие от мучений с Nuxt 2. Если вы всё еще поддерживаете проекты на второй версии и боитесь подступиться к обновлению — этот опыт для вас.

https://habr.com/ru/articles/968118/

#nuxtjs #pinia #feature_sliced_design #vite #composition_api #интернетмагазин #typescript

Переезд с Nuxt 2 на Nuxt 3: почему для крупного интернет-магазина мы выбрали рерайт, а не миграцию

Пять лет назад мы запустили интернет-магазин на Nuxt 2. За это время он превратился в классический монолит: вносить правки стало дорого, а сайт начал «задыхаться» под нагрузкой. Когда вышел Nuxt 3, перед нами встал выбор: пытаться оживить проект через Nuxt Bridge или переписать всё с нуля. Мы проанализировали код и поняли: плавная миграция для нас — это путь к созданию «зомби-проекта». Слишком много фундаментальных отличий: Options API против Composition API, Vuex против Pinia, смена логики роутинга и несовместимость ключевых библиотек. В этой статье я рассказываю, как мы решились на полный рерайт крупного магазина стройматериалов и почему это было единственно верным стратегическим решением. Внутри кейса: — 4 технических «фаталити» , которые делают миграцию легаси-монолита невозможной. — Архитектура FSD + Nuxt 3: как мы подружили фронтенд с бэкендом на Symfony и навели порядок в зависимостях. — Паттерн «Фабрика»: как упростить сложную логику доставки в Composition API. — Бонус: почему благодаря правильному старту недавнее обновление с Nuxt 3 до Nuxt 4 заняло у нас минимум времени, в отличие от мучений с Nuxt 2. Если вы всё еще поддерживаете проекты на второй версии и боитесь подступиться к обновлению — этот опыт для вас.

https://habr.com/ru/articles/968118/

#nuxtjs #pinia #feature_sliced_design #vite #composition_api #интернетмагазин #typescript

Переезд с Nuxt 2 на Nuxt 3: почему для крупного интернет-магазина мы выбрали рерайт, а не миграцию

Пять лет назад мы запустили интернет-магазин на Nuxt 2. За это время он превратился в классический монолит: вносить правки стало дорого, а сайт начал «задыхаться» под нагрузкой. Когда вышел Nuxt 3, перед нами встал выбор: пытаться оживить проект через Nuxt Bridge или переписать всё с нуля. Мы проанализировали код и поняли: плавная миграция для нас — это путь к созданию «зомби-проекта». Слишком много фундаментальных отличий: Options API против Composition API, Vuex против Pinia, смена логики роутинга и несовместимость ключевых библиотек. В этой статье я рассказываю, как мы решились на полный рерайт крупного магазина стройматериалов и почему это было единственно верным стратегическим решением. Внутри кейса: — 4 технических «фаталити» , которые делают миграцию легаси-монолита невозможной. — Архитектура FSD + Nuxt 3: как мы подружили фронтенд с бэкендом на Symfony и навели порядок в зависимостях. — Паттерн «Фабрика»: как упростить сложную логику доставки в Composition API. — Бонус: почему благодаря правильному старту недавнее обновление с Nuxt 3 до Nuxt 4 заняло у нас минимум времени, в отличие от мучений с Nuxt 2. Если вы всё еще поддерживаете проекты на второй версии и боитесь подступиться к обновлению — этот опыт для вас.

https://habr.com/ru/articles/968118/

#nuxtjs #pinia #feature_sliced_design #vite #composition_api #интернетмагазин #typescript

Переезд с Nuxt 2 на Nuxt 3: почему для крупного интернет-магазина мы выбрали рерайт, а не миграцию

Пять лет назад мы запустили интернет-магазин на Nuxt 2. За это время он превратился в классический монолит: вносить правки стало дорого, а сайт начал «задыхаться» под нагрузкой. Когда вышел Nuxt 3, перед нами встал выбор: пытаться оживить проект через Nuxt Bridge или переписать всё с нуля. Мы проанализировали код и поняли: плавная миграция для нас — это путь к созданию «зомби-проекта». Слишком много фундаментальных отличий: Options API против Composition API, Vuex против Pinia, смена логики роутинга и несовместимость ключевых библиотек. В этой статье я рассказываю, как мы решились на полный рерайт крупного магазина стройматериалов и почему это было единственно верным стратегическим решением. Внутри кейса: — 4 технических «фаталити» , которые делают миграцию легаси-монолита невозможной. — Архитектура FSD + Nuxt 3: как мы подружили фронтенд с бэкендом на Symfony и навели порядок в зависимостях. — Паттерн «Фабрика»: как упростить сложную логику доставки в Composition API. — Бонус: почему благодаря правильному старту недавнее обновление с Nuxt 3 до Nuxt 4 заняло у нас минимум времени, в отличие от мучений с Nuxt 2. Если вы всё еще поддерживаете проекты на второй версии и боитесь подступиться к обновлению — этот опыт для вас.

https://habr.com/ru/articles/968118/

#nuxtjs #pinia #feature_sliced_design #vite #composition_api #интернетмагазин #typescript

Nuxt + Tailwind are such a vibe.

Like where have you been my whole life?

I'm currently rebuilding a legacy vue 2 + bootstrap css v4 UI and I'm in heaven.

#nuxt #nuxtJS #tailwind #vue #pixelfed

Nuxt + Tailwind are such a vibe.

Like where have you been my whole life?

I'm currently rebuilding a legacy vue 2 + bootstrap css v4 UI and I'm in heaven.

#nuxt #nuxtJS #tailwind #vue #pixelfed

I recently checked out https://github.com/samuelreichor/craft-nuxt-starter by Samuel Reichör again.

It's a clever combination of #Nuxt and #CraftCMS https://github.com/samuelreichor/craft-nuxt-starter via his new Query API plugin https://plugins.craftcms.com/query-api .

It's an interesting, robust and minimal stack for people who love Nuxt/etc. and don't want to code in twig (or via graphql), but still want to get the benefits of the awesome and sophisticated content management system Craft CMS. 🚀 #php #nuxtjs

Finaly, after some long train rides my website got a long overdue update. Transitioned away from #nuxtjs to #sveltekit (which was very smooth) and fix some real bad bugs. Plus added a small project from my time at MIT. Some more updates are hopefully coming over the next time.

🔗 https://maxfrischknecht.ch/

So... I'm developing `<UTime />` and a `<UAgo />` components for Nuxt UI v4.

The first returns the localized time using the native `<time>` tag.

The second returns the localized time difference.

What's great about the first is that you can use tooltips for both to show the diff or the time.

#JavaScript #Programming #SoftwareDevelopment #UIDevelopment #UI #UIUX #UX #Frontend #Nuxt #NuxtUI #NuxtJS #WebDevelopment #WebDev #Time #DateTime #Date

Эволюция веб-приложения PREMIER: от legacy к современной архитектуре

Может быть, не всё legacy, чему больше года, но у нас и правда был запущенный случай: несколько лет в режиме стартапа над проектом работали разные команды, начиная от аутсорса, заканчивая маленькими инхаус-группами. Мы жили в парадигме «работает — не трогай», но всему есть предел и в конце-концов техдолг стал слишком сильно блокировать развитие. Эта статья не о том, как выделить ресурсы на рефакторинг, и не о процессах. Мы фокусируемся на логике принятия технических решений, рассказываем о выбранных и приводим примеры реализации современной гибкой и масштабируемой фронтенд-архитектуры.

https://habr.com/ru/companies/habr_rutube/articles/914942/

#vuejs #vue #nuxt #nuxtjs #legacy #typescript #composition_root #fsd #di #premier

Performance-Minded Development with Nuxt 3
https://youtu.be/dtpKrqvwUTU
#nuxt #nuxtjs #ssr #webdev

(Finally) getting a better understanding of useFetch(), useLazyFetch() (or useAsyncData()) in #nuxt #nuxtjs #SSR.

First Page Load vs. <Nuxt> client side navigation with injected and (automatic) window.__NUXT__ payload cache for fetch data confused me a little bit at first. 🤓 Plus: Lot's of composables to choose from 😁🤯

Now wondering how performance optimization works.

Он вам не SSR. Nuxt — больше, чем Server-Side Render фреймворк

Привет, Хабр! Я - Frontend Developer в МТС Диджитал. Все чаще и чаще я натыкаюсь на сообщения и комментарии пользователей в различных социальных сетях про Server-Side Rendering. Обычно эти жалобы о том, кто-то недоволен зависимостью Next.js от Node.js-сервера. Кто-то сталкивается с ограничениями динамического роутинга при статической генерации. Исходя из этого некоторые люди писали в комментариях что-то вроде: "Вы же не ожидали, что SSR-фреймворк решит все проблемы разом?" Большинство моих коллег с других компаний в принципе не понимают зачем я беру Nuxt почти во все свои проекты и задают вопросы. На первый взгляд это вполне логично. Какой смысл брать SSR фреймворк, если ты выключаешь в нем SSR. На примере Nuxt, SSR можно выключить одним булевым флагом в конфиге:

https://habr.com/ru/articles/888356/

#nuxt #vue #javascript #typescript #serverside #ssr #nuxtjs #vuejs #vue3

📺 Behind The Code: Nuxt.js mini-documentary https://www.youtube.com/watch?v=uvG11I-ftfo #nuxt #nuxtjs #webdev

Работаем с асинхронностью в Nuxt 3: сравниваем хуки из коробки и кастомный fetch

Nuxt 3 — это мощный фреймворк на основе Vue, который упрощает разработку серверно-рендерируемых и статически генерируемых веб-приложений. Одна из его особенностей — возможность работы с асинхронными данными с помощью специальных хуков. Они обеспечивают эффективное взаимодействие с API, динамическую загрузку данных и подгрузку контента. Многие знают про эти хуки, но далеко не все используют их потенциал в полной мере. Меня зовут Леша Смолыгин, я разработчик в Lamoda Tech. Разберемся, как использовать популярные хуки запроса из коробки useFetch, useAsyncData, $fetch, useLazyAsyncData и реализовать кастомный fetch. Эти инструменты решают задачи, связанные с загрузкой данных из API, при этом каждый из них имеет свои особенности и ограничения. Разберём их и сравним, чтобы понять, какой инструмент лучше подходит для той или иной ситуации в вашем приложении.

https://habr.com/ru/companies/lamoda/articles/868044/

#vue #java_script #nuxt #nuxtjs #fetch

FUCK #NEXTJS, FUCK #NUXTJS, FUCK #REACT, FUCK #NODEJS, FUCK #NPM, FUCK #YARN, FUCK #VERCEL, FUCK #TYPESCRIPT, FUCK #JAVASCRIPT, FUCK #SERVERSIDE JAVASCRIPT, FUCK #FULLSTACK JAVASCRIPT.
FUCK EVERY SINGLE #MODERN JAVASCRIPT #SOLUTION!
FUCK JAVASCRIPT FUCK JAVASCRIPT FUCK JAVASCRIPT.

#NEXT #NUXT #NODE #PROGRAMMING #DEVELOPMENT #CODE #CODING #DEVELOPER #DEVELOP

When I have some time to kill, I'll make a Desktop Environment Framework using #NuxtJS with #NuxtUI and #SQLite.

In my mind: apps would work seamlessly between desktop environment, no matter the flavor.

The idea: Apps are processes, Desktop Bus ties Window to App, multiple Desktops (screens).

#WebDev #NAS #JavaScript #Framework #DesktopEnvironment #Programming #HomeServer #Nuxt #Desktop #Browser #Web #HTML #Development #WebDevelopment #FOSS #OpenSource #OSS

For much hate I give to #NuxtJS, I have to give credit where credit is due.

If you plan your whole stack using Nuxt, and you stick your guns to a fixed version, you'll never have a single fucking problem. Period.

It's when you start to replace their stack with other things when the goose get loose.

#Programming #Nuxt #NuxtUI #JavaScript #JavaScriptFramework #Framework #Frameworks #WebDevelopment #Development #WebDev #JS

Nuxt I18n Micro: Как я решил написать свой i18n для NuxtJS

Всем привет! Я занимаюсь разработкой на Nuxt с самого его появления, и у меня возникла очень большая проблема с реализацией i18n.

https://habr.com/ru/articles/863052/

#nuxtjs #javascript #i18n #typescript #модуль #opensourse

Прочитай перед тем, как делать анимацию по скроллу

Я интегрировал видео анимацию, которая перематывается в зависимости от положения скролла, для лендинга детского парка развлечений - wizardia.land Я думаю, я попробовал все неправильные способы, как можно это реализовать, и дальше расскажу про свой опыт. Стек проекта: nuxt 3 (ts) / tailwindcss Идея нашего руководства состояла втом, чтобы создать «вау» эффект для новых пользователей. Для этого оно обратились к 3д художнику, чтобы он намоделил нам видео с красивой переливающейся сферой посередине и последующим ее взрывом с разлетающимся конфетти и тематическими элементами. После того, как оказалось, что само по себе видео выглядит не так впечатляюще, они решили, что оно не должно воспроизводится сразу, а должно перематываться при скроллинге страницы - и тут все началось. Содержание - вкратце по тупым ошибкам, которые я совершил.

https://habr.com/ru/articles/856382/

#gsap #анимация_скролла #анимация #сайты #nuxtjs #vuejs

Since re-introductions seem to be in order. Hi, I'm Mike. I make things on the internet and play RPGs. Mostly I play online, and the majority of the time it's stuff that gets streamed on Twitch as part of the High Shelf Collective channel (https://twitch.tv/highshelfcollective). Sometimes I paint small bits of metal and/or plastic. I live in Saint Louis with my wife and our bulldog puppy.

🎶 These are a few of my favorite things
🎲 #BladesInTheDark #RedMarkets #TrophyRPG #Vurt #PbtA
🛠 #VueJS #NuxtJS #Shopify