zhub.link is one of the many independent Mastodon servers you can use to participate in the fediverse.

Administered by:

Server stats:

33
active users

#ssr

0 posts0 participants0 posts today

[Перевод] Проблемы, которых у меня больше нет, потому что я использую рендеринг на стороне сервера

Новый перевод от команды Spring АйО расскажет вам, каких проблем можно избежать, если пользоваться подходом “Рендеринг на стороне сервера” и в чем преимущества такого подхода в целом по сравнению с подходом Single Page Application.

habr.com/ru/companies/spring_a

ХабрПроблемы, которых у меня больше нет, потому что я использую рендеринг на стороне сервераНовый перевод от команды Spring АйО расскажет вам, каких проблем можно избежать, если пользоваться подходом “Рендеринг на стороне сервера” и в чем преимущества такого подхода в целом по сравнению с...

Yandex индексация для SPA приложений

Год с небольшим назад я проводил здесь испытания , как поисковики индексируют SPA сайты. На тот момент Google справился на отлично, Yandex - не очень Сейчас Yandex хорошо проиндексировал SPA сайт на Vue 3.

habr.com/ru/articles/889700/

ХабрYandex индексация для SPA приложенийГод с небольшим назад я проводил здесь испытания , как поисковики индексируют SPA сайты. На тот момент Google справился на отлично, Yandex - не очень Сейчас Yandex хорошо проиндексировал SPA сайт на...
#seo#ssr#yandex

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

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

habr.com/ru/articles/888356/

ХабрОн вам не SSR. Nuxt — больше, чем Server-Side Render фреймворкПривет, Хабр! Я - Frontend Developer в МТС Диджитал. Все чаще и чаще я натыкаюсь на сообщения и комментарии пользователей в различных социальных сетях про Server-Side Rendering. Обычно эти жалобы о...

Инструменты для анализа производительности сайта

В этой статье речь пойдет об инструментах, с помощью которых можно проанализировать качество спроектированного front-end разработчиком сайта. В качестве наглядного материала используется проект, реализованный на базе Next.js 14-й версии с app router.

habr.com/ru/articles/888008/

ХабрИнструменты для анализа производительности сайтаВ этой статье речь пойдет об инструментах, с помощью которых можно проанализировать качество спроектированного front-end разработчиком сайта. В качестве наглядного материала используется проект,...

Next.js 15 в Hikasami: Глубокая оптимизация рендеринга, загрузки данных и производительности

В эпоху цифрового контента каждая миллисекунда загрузки страницы может существенно повлиять на пользовательский опыт. В Hikasami, платформе, предоставляющей потоковое аниме и азиатские медиа для пользователей СНГ, наша цель — обеспечить мгновенную загрузку страниц, минимизировать задержки, а также гарантировать актуальность данных. Для этого мы внедрили Next.js 15 , который открыл перед нами возможности глубокой оптимизации:

habr.com/ru/companies/hikasami

ХабрNext.js 15 в Hikasami: Глубокая оптимизация рендеринга, загрузки данных и производительностиВведение В эпоху цифрового контента каждая миллисекунда загрузки страницы может существенно повлиять на пользовательский опыт. В Hikasami, платформе, предоставляющей потоковое аниме и...

Найди x: React + MobX + SSR + x = Счастье

С ростом приложения и увеличением количества зависимостей, мы осознали необходимость в централизованном управлении зависимостями, выходящем за рамки React и MobX. Существующие IoC-контейнеры показались избыточными и тяжеловесными. Поэтому было создано собственное решение . Вы статье вы узнаете, как мы решили уравнение)

habr.com/ru/articles/880720/

ХабрНайди x: React + MobX + SSR + x = СчастьеПриветствую всех читателей! В мире информационных технологий наблюдается устойчивая тенденция перехода от традиционных десктопных приложений к веб-приложениям. Сегодня веб-приложения достигли...

TanStack Router: современный и типобезопасный роутер для React

Если вы пишете на React и любите TypeScript, вам стоит обратить внимание на TanStack Router - современный, гибкий и полностью типобезопасный роутер. В статье разбираю его ключевые возможности (loaders, кэширование, работу с query-параметрами, SSR) и сравниваем с другими популярными решениями.

habr.com/ru/articles/871528/

ХабрTanStack Router: современный и типобезопасный роутер для ReactИзображение, созданное DALL-E Привет, Хабр! Если вы разрабатываете приложения на React, вы наверняка сталкивались с вопросом, как организовать маршрутизацию. И хотя инструменты вроде React Router или...

Мой путь в мире веб-рендеринга: от статических страниц к гибридным архитектурам

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

habr.com/ru/companies/domclick

ХабрМой путь в мире веб-рендеринга: от статических страниц к гибридным архитектурамВыбор метода рендеринга является одним из ключевых решений во frontend-разработке. От него зависит скорость загрузки, удобство для пользователей, SEO-оптимизация и даже сложность инфраструктуры. За...

Server Side Rendering на Go

Жизнь – это вечная спираль, где всё идёт по кругу, но с каждым витком становится лучше. Ещё 20 лет назад я писал веб-приложения на Perl + Template Toolkit 2, генерируя HTML на стороне сервера. Время шло, и веб-разработка разделилась на две половины: фронтенд и бэкенд, а между ними API. Со временем я переключился с Perl на Go для бэкенда и AngularJS, а потом и Vue для фронтенда. В таком стеке я создал несколько проектов, включая HighLoad.Fun. Писать API и генерировать клиентскую библиотеку на TypeScript было удобно, а Vue-приложение деплоилось как SPA. Всё вроде бы шло хорошо... до тех пор, пока не пришла необходимость внедрить SSR для SEO. Тут начались проблемы: нужно было поднять NodeJS сервер для выполнения SSR, который должен ходить на Go сервер за данными, думать о том, где в данный момент выполняется код, на сервере или в браузере и писать и писать бессмысленный код перекладывающий данные. Тогда я встал перед выбором: либо отказаться от Go на бэкенде, либо отказаться от Vue на фронтенде. Для меня выбор был очевиден: я остался с Go. Генерация HTML на Go, в общем-то, не проблема: можно использовать готовые шаблонизаторы, вручную писать контроллеры и настроить WebPack для сборки статики. Но всё это долго и неудобно. А главное – я люблю писать программы, но ненавижу писать код. И тогда я задался целью: создать инструмент, который облегчит мне жизнь и будет автоматически решать большую часть задач за меня. Мне нужен был генератор, который бы: * Превращал Vue-подобные шаблоны в Go-код с типизированными переменными, позволяя ловить ошибки на этапе компиляции. * Автоматически генерировал DataProvider интерфейсы для получения данных и, желательно, их базовую имплементацию. * Собирал и подключал только нужные JS и CSS файлы из лежащих рядом с шаблонами TypeScript и SCSS файлов. * Поддерживал переменные, выражения, условия и циклы в шаблонах, как во Vue. * Объединял шаблоны из подпапок по принципу Vue-тега <router-view/> . * Автоматически маршрутизировал страницы, поддерживая динамические параметры. И главное – всё это должно работать в автоматическом режиме: изменения в исходном коде автоматически пересобираются и перезапускаются без лишних усилий. После ряда экспериментов и нескольких ночей мне это кажется удалось. Под катом – подробный туториал, как разрабатывать быстрые и удобные сайты с помощью GoSSR .

habr.com/ru/articles/848640/

ХабрServer Side Rendering на GoЖизнь – это вечная спираль, где всё идёт по кругу, но с каждым витком становится лучше. Ещё 20 лет назад я писал веб-приложения на Perl + Template Toolkit 2, генерируя HTML на стороне сервера. Время...

Vike — современный SSR-фреймворк

Всем привет. Я являюсь ведущим frontend-разработчиком компании 21Yard. Мы разрабатываем сервис для поиска строительных подрядчиков. На проект я пришел желторотым масленком, который мало смыслил в seo-продвижении продукта, но жизнь внесла свои коррективы, и сейчас я хочу рассказать, как я vike покорял. Придя на проект, я с энтузиазмом взялся за дело. На момент старта моей работы у нас уже существовал интернет-портал, написанный на php. К сожалению, он был написан на устаревшем фреймворке, поэтому было принято решение переписать его с нуля на чем-то современном - выбор пал на React. Однако, параллельно кодингу шел и маркетинг. К работе был привлечен seo-специалист, по указаниям которого мне нужно было вносить микро-правки в старый портал. Тогда я узнал, что такое seo, и что для него нужен ssr...

habr.com/ru/articles/848552/

ХабрVike — современный SSR-фреймворкВсем привет. Я являюсь ведущим frontend-разработчиком компании 21Yard. Мы разрабатываем сервис для поиска строительных подрядчиков. На проект я пришел желторотым масленком, который мало смыслил в...
#Vike#SSR#React

Как подменять данные в SSR-сайтах

Привет, на связи Surf Web Team и Никита, QA Surf! Давайте разберемся, какие проблемы возникают при тестировании SSR-сайтов с помощью подмены данных и как сделать так, чтобы все заработало. Читать далье

habr.com/ru/companies/surfstud

ХабрКак подменять данные в SSR-сайтахПривет, на связи Surf Web Team и Никита, QA Surf!  Бывает, что для тестирования не хватает тестовых данных: не настроены параметры в админ-панели, бэкенд не присылает конкретные поля, и мы не...

Tramvai — фреймворк для создания веб-приложений

30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании. Tramvai предназначен для создания универсальных (SSR) React-приложений наряду с Next.js, Remix и SvelteKit. Фреймворк служит основой для десятков приложений и решает проблемы наших разработчиков с помощью более чем 150 библиотек и модулей, разработанных специально для tramvai-приложений. В статье расскажу про принципы работы фреймворка, его преимущества и основные возможности. Для тех, кто сразу хочет опробовать фреймворк, доступен базовый шаблон приложения на Codesandbox.

habr.com/ru/companies/tbank/ar

ХабрTramvai — фреймворк для создания веб-приложений30 августа 2021 года на GitHub прошел первый релиз исходного кода фреймворка Tramvai. При этом свою историю фреймворк начал гораздо раньше и долгое время был внутренней разработкой компании. Tramvai...

[Перевод] Astro vs Next.js

Irelia Codeheart, Senior Developer Astro против Next.js: Подробный анализ для разработчиков В этой статье мы погрузимся в основы Astro и Next.js — двух надежных, богатых функциями JavaScript-фреймворков. Мы обсудим их функции, цели и отличительные характеристики, предоставляя вам подробный обзор обоих решений.

habr.com/ru/articles/783402/

ХабрAstro vs Next.jsAstro vs Next.js: Подробный анализ для разработчиков Введение в Astro и Next.js В этом разделе мы погрузимся в основы Astro и Next.js — двух надежных, богатых функциями...
#astro#next#nextjs

Google и Yandex SEO оптимизация для SPA приложений

Google и Yandex утверждают, что что-то уже могут по индексированию SPA приложений. В статье показаны результаты проведенного эксперимента по индексации чистого SPA вебсайта. Результат: Google - хорошо, Yandex - не очень

habr.com/ru/articles/778236/

ХабрGoogle и Yandex SEO оптимизация для SPA приложенийОба поисковика утверждают, что что-то уже могут по индексированию SPA приложений. В статье показаны результаты проведенного эксперимента по индексации чистого SPA вебсайта. Результат: Google -...
#seo#google#yandex