home.social

#nextjs — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #nextjs, aggregated by home.social.

fetched live
  1. ⚙️ Stack: #Go 1.25 backend with 90+ REST endpoints, #Nextjs 15 + React 19 + #TypeScript frontend, #PostgreSQL 16 with pgvector & pg_trgm, #Redis for cache, rate limiting and SSE events

    🐳 MIT-licensed, self-hosted via docker compose up — Python & TypeScript SDKs included

    github.com/surya-koritala/loom
    #selfhosted #devtools

  2. Протестировал Vibecraft от Яндекса. Один вопрос остался без ответа

    Всем привет. На связи Сергей Игнатенко, основатель ИИ-платформы VibePilot. C недавнего времени партнер Яндекс, у меня грант AI Studio Boost, платформа работает на их моделях. Недавно мне пришло письмо от Yandex Cloud о том, что они запустили сервис вайбкодинга VibeCraft. Моя платформа также является сервисом вайбкодинга, и конечно же мне было интересно попробовать в работе этот новый сервис.

    habr.com/ru/articles/1070724/

    #вайбкодинг #yandex_cloud #vibecraft #llm #искусственный_интеллект #ии_агенты #opencode #nextjs #claude #vibepilot

  3. Деплой-платформа для MCP-серверов и сайтов, встроенная в каталог

    Недавно я писал на Хабре, как собрал каталог MCP-серверов: 80 тысяч записей из девяти источников в одном индексе. В комментариях и в личке быстро всплыл вопрос, который я сам не до конца продумал, когда делал каталог: «нашёл сервер, а запускать его где?» С MCP-серверами беда в том, что добрая половина живёт не как готовый npm-пакет, а как репозиторий на GitHub. Его надо склонировать, поставить зависимости, собрать, запустить и держать живым. Если сервер stdio (а таких большинство), сверху ещё задача обернуть его в HTTP, иначе к нему не подключится ни claude.ai , ни ChatGPT. Итог: под сервер на 40 строк человек поднимает VPS, пишет Dockerfile, настраивает nginx, выпускает сертификат и вешает вебхук на автодеплой. Дизбаланс усилий чудовищный. Поэтому я сделал внутри Unyly полноценный раздел деплоя. Подключаешь GitHub-репозиторий, на выходе получаешь работающий проект на slug.unyly.org , пуш в ветку пересобирает его сам. Работает и для сайтов (статика, фронтенд-сборки, Next.js), и для MCP-серверов на Node и Python. Ниже разберу архитектуру по слоям и честно перечислю грабли, на которых потерял время.

    habr.com/ru/articles/1070718/

    #MCP #Model_Context_Protocol #деплой #автодеплой #Docker #nginx #Nextjs #supergateway #PaaS #selfhosted

  4. Ускоряем drop in replace Next.js в 100 раз. Часть 1

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

    habr.com/ru/companies/t2/artic

    #rari #nextjs #rust #axum #javascript #typescript #v8 #nodejs #bff

  5. Приложение течёт, а утечки нет: как оптимизатор картинок Next.js съел 4-гигабайтный VPS

    История про то, как я три дня искал утечку памяти в Node-приложении, не нашёл — и был прав, что не нашёл. А ещё про то, что у каждого починенного пункта тут оказывался свой счёт: фикс памяти через месяц вернулся жалобой на скорость, а разбор скорости вскрыл третью проблему, о которой я не думал вовсе.

    habr.com/ru/articles/1070312/

    #nextjs #nodejs #sharp #libvips #утечка_памяти #malloc_arena_max #systemd #nginx #оптимизация_изображений #avif

  6. State of modern web.

    Embedded map requires and permission prompt is waiting to be allowed.

    But application already crashed and the whole page is rendered useless.

  7. Немного про «утечки» памяти: почему PM2 перезапускал Next.js-воркеры и при чём здесь gcTime TanStack Query

    В проекте периодически перезапускались PM2-воркеры. Сами рестарты сначала и были проблемой: процесс завершался, PM2 запускал новый, какое-то время всё работало нормально, затем ситуация повторялась. По логам было понятно, что воркеры перезапускаются после достижения установленного лимита памяти. Увеличили лимит, воркеры стали жить дольше, но перезапуски никуда не делись: процесс просто позже доходил до нового значения. И я пошёл искать причину.

    habr.com/ru/articles/1068784/

    #Nextjs #tanstack_query #pm2

  8. 🎉 Behold the "Era of Good Software," where anyone can create bespoke digital masterpieces! Just don't mind the endless parade of cookie-cutter #NextJS apps cluttering the web like existential confetti. 🤖✨ The only thing more tailored than this "revolution" is the straightjacket you'll need after trying it. 🥴
    hec.works/blog/the-era-of-good #EraOfGoodSoftware #CustomDigitalArt #SoftwareRevolution #WebDevelopment #HackerNews #ngated

  9. Картинка грузится, а fetch к тому же хосту — нет: как CSP тихо сломала три интеграции

    Полгода назад я закрыл замечание аудита «на сайте нет CSP» — прописал Content‑Security‑Policy с белым списком хостов, проверил, что ничего не отвалилось, и забыл. За три дня на прошлой неделе я нашёл три интеграции, которые эта политика убила молча. Ни одна из них не оставила следа на сервере. Страница, которая называет себя «в реальном времени», показывала одно и то же число десять секунд подряд — и показывала так всем, с того самого дня, как я включил CSP. Это заметка про то, почему такие поломки не видно, и про скрипт, который находит их все сразу.

    habr.com/ru/articles/1066450/

    #csp #contentsecuritypolicy #connectsrc #nextjs #отладка #мониторинг #фронтенд

  10. Next.js, optimistic UI и autosave

    Optimistic update меняет клиентское состояние до ответа сервера. Autosave отправляет новую версию после паузы во вводе. До завершения action в приложении одновременно существуют локальные данные, запрос в работе и последняя подтверждённая версия на сервере. При optimistic create клиент может показать сущность с временным id, а сервер вернуть другой id. Ошибка после частичной записи оставляет сущность на сервере и запускает локальный rollback. При autosave ответы приходят не в порядке отправки. Старый ответ меняет статус уже после сохранения новой версии. updatedAt может перейти вперёд до завершения записи. В учебном проекте Workbench optimistic create использует clientId для одинакового id на клиенте и сервере. Autosave-демо передаёт requestId в каждый запрос. Редактор хранит статусы saving, saved и error отдельно от текста заметки.

    habr.com/ru/articles/1066080/

    #nextjs #typescript #app_router #optimistic_ui #autosave #server_actions #useactionstate #react #вебразработка

  11. Next.js, localStorage в App Router без hydration-ошибок

    localStorage существует только в браузере. App Router может подготовить HTML на сервере и для Client Component. Код с директивой use client получает состояние, эффекты и обработчики событий, но первый рендер всё ещё может пройти без window и localStorage . И возникают два сбоя. Прямое чтение localStorage падает на сервере. Проверка через typeof window возвращает разные данные на сервере и в браузере. Сервер строит пустое избранное, браузер видит сохранённые id, React получает разные деревья при hydration.

    habr.com/ru/articles/1064926/

    #nextjs #app_router #localstorage #hydration #client_components #browser_api #react #javascript #избранное #вебразработка

  12. Meta has integrated a Rust version of the React Compiler into the React repository, bringing faster builds and better alignment with the Rust-based JavaScript toolchain.

    The new compiler delivers up to 50% faster compilation.

    Read more 👉 bit.ly/4flylqg

    #React #RustLang #NextJS #WebDevelopment #InfoQ