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

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

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

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

Done! 💪 Successfully migrated my website from #NuxtJS to #11ty.
Now it’s finally time for bed 🛌.
In the next few days, I’ll figure out what additional content I like to add to
my website.

#WebDev #LateNightCoding

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.

Exploring SSR Patterns: Next.js, Nuxt.js, and Alternatives https://chat-to.dev/post?id=TVRpYklqejFjdnlZQXlHR3JHU0Jkdz09 #nextjs #nuxtjs #javascript #programming

Still better than my #nuxtjs 2 project. Surprisingly there seems to still be a tag from like 9 months ago, even though v3 was released years ago, so maybe I could update the 4-ish years old project to be only like a year old one... Except oops, I tried it, the ecosystem is a mess and everything is broken regardless of what I do so it's literally less work to rewrite the whole site than to try to upgrade it anymore, welcome to #webdev :blobfoxcrylaugh:

....but at least with that one I just compiled it to static HTML files like a smart person, so even if it's insecure as all hell it won't lead to issues for me :blobfoxlaughsweat:

Он вам не 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

@shellsharks I've been playing around with #nuxtjs a SSG for #vue and been having a blast

I usually don't like front end, but using #Vue and #TailwindCss is being an absolute blast, i don't think i had such fun with front end code since copying wix designs for college.

And having #NuxtJs SSG is definitely a plus

Работаем с асинхронностью в 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

Contentful is hiring Senior Software Engineer

🔧 #typescript #angular #astro #nextjs #nuxtjs #react #remix #vue #node #seniorengineer
🌎 Denver, Colorado
⏰ Full-time
🏢 Contentful

Job details https://jobsfordevelopers.com/jobs/senior-software-engineer-at-contentful-com-oct-24-2024-d780fc?utm_source=mastodon.world&utm_medium=social&utm_campaign=posting
#jobalert #jobsearch #hiring

There is a new coupled solution for headless in town and the developer Samuel Reichör is looking for feedback:

craft plugin: craft-query-api
vue: vue-craftcms lib
nuxt: nuxt-craftcms

https://discord.com/channels/456442477667418113/456445573097324555/1309475625404203069

#CraftCMS #Vue #VueJS #NuxtJS #headless #php

Here is a small project of mine, which may end up being a web version of WhaleDeck. Control & monitor your remote Docker instance without SSH access by running a container on the host. You can even create and deploy your own packages.

#NuxtJS #buildinpublic #indiedev

Recently, I decided to make a simple #frontend project with #nuxt to improve my #resume and be active in #gitlab.
After that I want to make a simple #backend for this project with #expressjs.
It's not completed yet, but I want to know your opinion.
Is it good, or bad?
Write your comment? 😅
#code #vue #vuejs #nuxtjs #programming #front #web #webdesign #art #artofcode #nodejs #node #express

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

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

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

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