TGViewer
Сетка — кодинг для дизайнеров Сетка — кодинг для дизайнеров @setka_design · 1.16K subscribers
Post #317 1.07K

Forwarded from Я — Адáм Арутюнов

Вдогонку, про Сетку.
_____

Апгрейднул сайт Сетки

У Сетки есть сайт setka.design, который я написал на втором Вью пару лет назад.

Почему вью-2, если давно есть вью-3? Не знаю — я писал на вью-2 в студии, и уже тогда это считалось устаревшей технологией. Но я писал на чём знаю, а другого ничего не знал.

К 2025 году вью-2 окончательно превратился в древнее неподдерживаемое. Технологически сайт Сетки меня очень бесил, работал медленно и с багами, его было сложно запустить, там была куча депрекейтед-зависимостей, и к нему было невозможно прикрутить ни одну современную библиотеку.

Очень хотелось переписать и пересобрать сайт на вью-3, но это очень много механической и инфраструктурной работы.

(Примерный масштаб: апгрейд с вью-2 на вью-3 — это примерно 5-6 лет разработки фронтенд-технологий в целом. Это примерно как апгрейд с питона-2 на питон-3! А ещё помимо статических страниц у нас есть инструменты со всяким кастомным кодом — p5-скетчи на лендингах, Метрогенератор и Пиксельсорт. В общем, сайт не очень большой, но и не очень маленький.)

Месяц назад проект отказался запускаться локально, и решил, что пришло время. Но к счастью к этому времени уже изобрели Курсор, которому можно поручить всё переписать.

В этот день произошло чудо — на всё ушло ровно шесть часов. А именно на:
— обновление и переподключение всех зависимостей;
— полное переписывание кода фронтенда с Vue 2 на Vue 3, пересборку стилей и плагинов;
— переход с Nuxt 2 на Nuxt 3 (сопутствующий переход с Webpack на Vite);
— переход с Pug на HTML (паг хороший, но надоел, много чем бесит в связке с фронтендом);
— переход с SASS на SCSS (по вайбам);
— перевод лейзи-лода картинок и видео со старой кривой библиотеки на нативные инструменты браузера;
— обновление ESLint и CI/CD-пайплайнов.

Спустя шесть часов я вмёрджил PR на одиннадцать тысяч строк кода, и всё заработало с первого раза без единого бага.

Конечно, это не вайб-кодинг — по ходу рефакторинга я очень много правил сам и говорил Клоду, как нужно делать. Но год назад, если бы я решил переписать всё вручную с таким же уровнем экспертизы, у меня бы ушло около месяца.

Заходите на новый сайт — там ничего не поменялось.
  • ❤ 13
  • 😁 7
  • 💅 2
More from @setka_design
  1. Oct 8, 2026Как проходят занятия на курсе «Математика, которая пригодится в жизни» (За исключением, чт…
  2. Oct 8, 2026Курс «Математика, которая пригодится в жизни» доступен в записи Когда учишься в школе, мат…
  3. Aug 26, 2026Запись лайв-вайб-кодинг-стрима За два часа мы с Адамом навайбкодили инструмент для 3d-моде…
  4. Aug 22, 2026Я придумал для Адама суперсложную задачу, посмотрим, как он справится. Начнём вайб-лайв-ко…
  5. Aug 12, 2026Лайв-вайб-кодинг-стрим! На следующей неделе Адам покажет мастер-класс по вайбкодингу: в пр…
  6. Aug 5, 2026Недавно мы с Ваней устроили алгорейв — это супергиковский движ, когда музыка делается кодо…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →