They get close to saying the thing that's been driving me lately:

"something that a lot of companies have run into of like they have a Rails backend or you know something that was fine serverside rendering stuff the way we've always done the web and then they were like you know what if we it was all #React and then it actually wasn't faster in the end"

[...]

"Codepen was a rails app, but react server side components don't integrate with Rails, at least not that they could see. Half the app on rails, half on Next JS, and a Go API."

Yeah. #SSR evolved from the wrong direction.Taking a browser-native #JS only thing and trying to make it work on the server, where existing tech stacks vary widely is a recipe for pain.

From this podcast with Shaw from @codepen

https://whiskey.fm/keyframes-cash-and-codepen-w-shaw

Keyframes, Cash, and CodePen w/ Shaw - Whiskey Web and Whatnot - Episode 243

This week, Robbie and Adam welcome Shaw from CodePen to talk CSS animations, web components, server side rendering nightmares, and why building things by hand still matters in the age of AI slop. They dig into the CodePen 2.0 rewrite, Apollo GraphQL cache mani...

Whiskey Web and Whatnot

🍝 It kills the modal spaghetti: no separate state variables, no context providers, no Portals, no Redux or Zustand boilerplate — just an async invocation like window.confirm that waits for user interaction and hands the result straight back

🪶 Tiny footprint with under 1 KB bundle size, zero dependencies, full #SSR support and #ReactNative compatibility

Inician proyecto solar que reduce costos de agua rural en Putaendo
Proyecto forma parte de una cartera regional de soluciones energéticas para APR y SSR, con una inversión de 40 millones

https://www.laopiniononline.cl/inician-proyecto-solar-que-reduce-costos-de-agua-rural-en-putaendo/

#AguaRural #AhorroEnergético #ProyectoSolar #Putaendo #SEREMIEnergía #SSR #Subdere #SuministroDeAgua

CSR vs SSR in the Nutshell: Two Paths, One Goal

I’ve been spending some time exploring and working with Leptos (Rust web framework), and now want to share the essence of two approaches that keep us up at night – or should I say, early in the mat! ☕️ Client-Side Rendering (CSR) Also known as Single Page Applications (SPA): Imagine one persistent p

Свобода без хаоса: как создавать гибкие лендинги

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

https://habr.com/ru/companies/tensor/articles/1042742/

#конструктор_страниц #лендинг #frontend #архитектура_приложений #cdd #ssr #nocode #кастомизация #виджет #проектирование_интерфейсов

Свобода без хаоса: как создавать гибкие лендинги

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

Хабр

Как выкатывать ecommerce в Битрикс по частям и не останавливать продажи (7 часть)

Финальная часть серии — про самое нервное в любом ecommerce-проекте: как включать новую архитектуру по частям, не устраивать «большой релиз» и не останавливать продажи. К этому моменту у нас уже есть SSO, события, наблюдаемость, быстрый каталог, корзина, цены, checkout, интеграции, Gateway и SDK. Теперь начинается самая чувствительная часть — включать все это в продакшен без большого релиза или остановки продаж. Сложность — в процессе. Один модуль уже готов, второй еще нет, часть трафика ходит по старому пути, часть — по новому… Поэтому я сделала практическую схему постепенного включения: фича-флаги, канареечный трафик, двойное чтение, shadow-режим и критерии готовности.

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

#программирование #вебразработа #api #разработка #laravel #битрикс #вебразработка #api_gateway #ssr

Как выкатывать ecommerce в Битрикс по частям и не останавливать продажи (7 часть)

Финальная часть серии — про самое нервное в любом ecommerce-проекте: как включать новую архитектуру по частям, не устраивать «большой релиз» и не останавливать продажи.  К этому моменту у нас уже...

Хабр

Пишем движок для блога на Rust

Недавно я решил завести собственный блог. Сначала посмотрел в сторону SSG, но они показались мне не слишком удобными для того сценария, который я хотел получить. Затем попробовал несколько CMS, однако быстро упёрся в другую проблему: мой сервер оказался слишком слабым для большинства современных решений. В итоге ни одно из готовых решений так и не смогло закрыть все мои требования одновременно. Так и появилась идея сделать небольшую файловую CMS на Rust, которая не требует базы данных, не потребляет много памяти и при этом остаётся достаточно гибкой для повседневного использования. Со временем идея небольшого блогового движка разрослась в полноценную CMS с SSR, виртуальной файловой системой, поддержкой локализации, визуальным редактором статей и горячей перезагрузкой контента. В этой статье я постараюсь показать, как всё это устроено изнутри.

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

#rust #tokio #ssr #vfs #typescript #rxjs #jwt #fluent #kdl

Пишем движок для блога на Rust

Недавно я решил завести собственный блог. Сначала посмотрел в сторону SSG, но они показались мне не слишком удобными для того сценария, который я хотел получить. Затем попробовал несколько CMS, однако...

Хабр

Ecommerce на Laravel, или как мы собрали headless-слой для фронтов (6 часть)

В этой части собираем headless-слой для фронтов: Gateway, композицию API, SDK, ETag, SSR, идемпотентность и единые правила работы с запросами. Привет, хабровчане. Это снова Алиса, снова Laravel, Bitrix и попытка не превратить фронтенд в распределенный монолит. К этому моменту у нас уже есть быстрые доменные сервисы: каталог, корзина, цены, заказы, интеграции. Но фронту от этого не сильно легче. Ему все еще приходится ходить в десяток ручек, собирать ответы, следить за авторизацией и одинаково обрабатывать ошибки. Поэтому поверх доменных сервисов появляется Headless API Gateway — тонкий слой, который работает как BFF для фронтов. Он берет на себя JWT-cookie, CORS, rate-limit, кэширование, единый формат ошибок и композицию сценариев вроде листинга, карточки товара или чекаута. При этом Gateway не дублирует бизнес-логику. Его задача — валидировать входящие запросы, сходить в нужные сервисы, собрать ответ и вернуть фронту компактный JSON с ETag и нормальными HTTP-заголовками. Дальше собираем это на Laravel: CORS, middleware для JWT-cookie, rate-limit, единый формат ошибок, композиционные ручки для фронтов, кэш-заголовки и роутинг через Nginx.

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

#headless #laravel #битрикс #программирование #вебразработа #gateway #api #sdk #идемпотентность #ssr

Ecommerce на Laravel, или как мы собрали headless-слой для фронтов (6 часть)

В этой части собираем headless-слой для фронтов: Gateway, композицию API, SDK, ETag, SSR, идемпотентность и единые правила работы с запросами.  Привет, хабровчане. Это снова Алиса, снова Laravel,...

Хабр

Как я 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 дней ловил утечку памяти на проде, несколько раз думал, что починил, и каждый раз ошибался....

Хабр

SSR и CSR в одном месте: как мы разделили рендеринг для людей и поисковых ботов

В современной веб-разработке SEO и производительность часто вступают в противоречие. SSR дает хорошую индексацию, но усложняет архитектуру. CSR быстрее в разработке и меньше нагружает сервер, но поисковые боты могут не понять страницу. Мы разрабатываем продуктовый сайт на Angular 17 с микрофронтендовой архитектурой на Module Federation. Нам нужно было и хорошее SEO, и привычный CSR для пользователей. В итоге мы выбрали гибридный подход: для людей — клиентский рендеринг, для поисковых ботов — пререндеринг через доработанный сервис MTS botview. В статье рассказываем, почему чистый SSR не подошел, как мы разделили рендеринг, что доработали в открытом решении и как отличаем ботов от людей без ошибок.

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

#Angular #SSR #CSR #Mosule_Federation #Микрофронтенды #SEO

SSR и CSR в одном месте: как мы разделили рендеринг для людей и поисковых ботов

В современной веб-разработке SEO и производительность часто вступают в противоречие. SSR дает хорошую индексацию, но усложняет архитектуру. CSR быстрее в разработке и меньше нагружает сервер, но...

Хабр