Публикации по теме 'server-side-rendering'
Nuxt - Создание настраиваемых директив для статических и SRR сайтов
Что такое директивы? Почему они полезны?
Пользовательские директивы - это способ сделать наш код многоразовым, похожим на миксины , но вместо повторного использования функциональных возможностей компонентов директивы позволяют нам создавать отдельные методы, которые можно использовать повторно. Эти пользовательские директивы отлично подходят для доступа / манипулирования DOM. Vue поставляется с несколькими директивами по умолчанию, которые вы наверняка уже видели / использовали..
Gatsby и Next JS: мой опыт
Сегодня делюсь своим опытом использования фреймворков Gatsby JS и Next JS.
Gatsby JS:
GatsbyJS - генератор статических сайтов. Он выполняет предварительную сборку и в результате возвращает статические файлы (HTML, CSS, JS). Это означает, что серверная часть выполняет работу на стороне сервера один раз на этапе сборки (кроме случаев, когда клиент в браузере запрашивает API).
Особенности:
Поддержка создания статических сайтов Поддержка рендеринга на стороне клиента..
Трудности перевода… Строки
i18n для приложений Angular с рендерингом на стороне сервера
AngularInDepth уходит от Medium. Более свежие статьи размещаются на новой платформе inDepth.dev . Спасибо за то, что участвуете в глубоком движении!
🤔 Фон
Что означает i18n и почему в середине стоит цифра 18 ? Даже будучи инженером с более чем десятилетним опытом работы в этой области, я понятия не имел, пока не посмотрел. Это количество букв между i и n в слове интернационализация . Итак, i18n -..
React Internals: серверные компоненты Deep Dive React (как есть)
React Server Components - это экспериментальная функция, выпущенная в декабре 2020 года, она представляет собой смесь рендеринга на стороне клиента (CSR) и рендеринга на стороне сервера (SSR). Но как он их смешивает - вот что мы собираемся изучить в этом посте.
ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ: поскольку серверные компоненты React по-прежнему являются экспериментальными и время от времени обновляются, это сообщение может быть некорректным после июня 2021 года.
CSR против SSR
Битва между..
Что такое рендеринг на стороне сервера?
Введение
Всякий раз, когда запрашивается веб-страница, полностью сгенерированная страница должна быть возвращена пользователю с быстрым временем отклика. В ответ на HTTP-запрос пользователя браузер получает HTML-страницу. Но это стало бесполезным с бумом веб-приложений, созданных с помощью JavaScript.
Допустим, у нас есть типичный PHP-сайт, на котором мы пытаемся получить данные из базы данных. В старых решениях для рендеринга на стороне сервера сервер компилирует все и быстро..
Запуск: Obsidian 3.1
Команда Obsidian и Open Source Labs рады объявить о выпуске Obsidian 3.1. Этот последний выпуск включает новые основные функции и обновления безопасности.
Что такое обсидиан?
Obsidian - это первый клиентский и серверный модуль для кэширования GraphQL от Deno. Obsidian оснащен молниеносным нормализованным кэшированием для поддержки масштабируемых и высокопроизводительных приложений SSR React, созданных с помощью Deno. Другими словами, Apollo для Node.js так же, как Obsidian..
Вопросы по теме 'server-side-rendering'
Ожидает ли рендеринг на стороне сервера завершения асинхронных вызовов?
При рендеринге на стороне сервера визуализированный HTML отправляется клиенту только после полной загрузки состояния?
Например, если пользователь запрашивает страницу с несколькими асинхронными вызовами API, должен ли клиент будет ждать завершения...
1253 просмотров
schedule
16.11.2022
jsrender для рендеринга шаблона с частичной серверной частью в node.js
Я не могу понять синтаксис для включения партиала с jsrender в node.js.
Я могу включить партиал, как указано в документации.
{{include tmpl='./views/partials/my_partial.html' /}}
Это можно отобразить и отправить в браузер...
102 просмотров
schedule
03.11.2023
Импорт React в Node.js выдает SyntaxError: Неожиданный экспорт токена
Я пытаюсь реализовать SSR с помощью Node.js и React, следуя этому примеру https://github.com/babel/example-node-server , как указано в официальной документации Babel здесь http://babeljs.io/docs/usage/cli/#babel-node
Для разработки я использую...
4119 просмотров
schedule
13.06.2024
Загрузка статических констант в React+Redux
Я использую рендеринг на стороне сервера для своего приложения React-Redux. И я хочу, чтобы при запуске приложения загружались некоторые константы, например список городов с соответствующими идентификаторами:
[
{
name: "London",...
1359 просмотров
schedule
02.12.2023
Как добавить дополнительные экспресс-маршруты в рендеринг на стороне сервера для использования в качестве бэкэнда
Найдите внизу Edits .
Я действительно изучил множество руководств и даже документацию по рендерингу на стороне сервера для обучения реакции, расположенную здесь: https://reacttraining.com/react-router/web/guides/server-rendering
Что-то, что...
607 просмотров
schedule
06.11.2022
Рендеринг на стороне сервера с Material UI 1 и Nodejs/React
Проблема: Не удается заставить стили отправляться или загружаться изначально через ssr.
Я слежу за документами и пытаюсь делать, как говорится, но переменная styleSheets все равно кажется пустой. В моем компоненте навигации я использую JSS и...
1025 просмотров
schedule
01.01.2024
Приложение React с рендерингом на стороне сервера аварийно завершает работу при нагрузке
Я использую react-boilerplate (с react-router, sagas, express.js) для своего приложения React, и поверх него я добавил логику SSR, чтобы после получения HTTP-запроса он отображал компоненты реакции в строку на основе URL и отправляет строку HTML...
2036 просмотров
schedule
28.11.2023
razzle Не удается разрешить 'fs' / 'net' (приложение для реагирования на рендеринг на стороне сервера)
В настоящее время используется https://github.com/jaredpalmer/razzle для реализации SSR приложения React. Возникли следующие ошибки в моих модулях узлов:
И ЭТО
Я добавил razzle.config.js, чтобы настроить конфигурацию razzle,...
695 просмотров
schedule
31.05.2024
Meteor --production не запускает файлы в клиентских папках
У меня есть приложение метеора, которое следует этой файловой структуре, https://guide.meteor.com/structure.html#example-app-structure .
В /client/main.js мой код выглядит так
import '/imports/startup/client';
console.log("this ran in...
27 просмотров
schedule
12.04.2024
Загрузка компонентов Angular 2+ с сервера
У меня есть проект angular 2+, и сейчас у меня есть 2 компонента, то есть Home и About.
Теперь я хочу загрузить оба компонента с сервера, это означает, что при загрузке приложения оно сделает запрос на получение домашнего компонента, а когда...
43 просмотров
schedule
30.09.2022
Vue: ошибка TypeScript при использовании Vue.mixin
Я создаю приложение SSR, используя Vue.js.
Я столкнулся с ошибкой машинописи, когда пытался это .
Vue.mixin({
beforeRouteUpdate (to, from, next) {
const { asyncData } = this.$options
if (asyncData) {...
496 просмотров
schedule
20.10.2022
Как избежать использования клиентов API во время рендеринга на стороне сервера и передать их клиенту в Angular Universal?
У меня есть довольно тривиальный компонент Angular, который служит компонентом маршрутизации маршрута домашней страницы модуля Angular. Я конвертирую этот проект в Angular Universal, чтобы воспользоваться преимуществами рендеринга на стороне сервера....
352 просмотров
schedule
25.12.2023
Невозможно импортировать (требовать) файл css, less, sass для компонента React при использовании экспресс-сервера
Я импортирую файл less или css в свой компонент реакции, и он отлично работает в моем следующем примере проекта: https://github.com/digz6666/webpack-loader-test
Но когда я использую экспресс-сервер для реализации SSR, я больше не могу...
574 просмотров
schedule
19.11.2023
server & client className не совпадают
Итак, я использую webpack и css-loader с localIndentName для рендеринга моего приложения на стороне сервера с помощью реакции. Я использую модули css для импорта css для отдельных компонентов. Теперь проблема заключается в том, что при импорте...
455 просмотров
schedule
31.12.2023
Как я могу заставить Angular Universal предварительно отображать контент из внешнего API?
Я хочу использовать SSR для улучшения поисковой оптимизации моего углового одностраничного приложения. Я включил SSR с помощью Angular-Universal, который работает для обслуживания статического html, но мои компоненты в значительной степени полагаются...
1681 просмотров
schedule
17.01.2024
Ошибка: не удается найти модуль require (./ server / main) в angular firebase universal
Это ошибка в cmd npm run serve: ssr
I'm getting the error 'Can't find module 'require("./server/main") while hit the command "npm run server:ssr".
but "npm run build:ssr" execute successfully.
Please Help anyone.
PS...
2395 просмотров
schedule
28.01.2024
Как перехватить наблюдаемые обновления Mobx в постоянном компоненте NextJS React Audio Player?
У меня есть приложение для реакции аудиоплеера на стороне сервера.
Используя пользовательский _app.js NextJS , у меня есть постоянный компонент AudioPlayer, в котором я хочу вызывать внутреннюю функцию this.play(mp3url) всякий раз, когда...
1824 просмотров
schedule
24.12.2023
@font-face SyntaxError при использовании typeface-nunito-sans и @poi/plugin-vue-static
Я использую Poi, @poi/plugin-vue-static и typeface-nunito-sans для создания статического приложения с помощью Vue. Проблема в том, что сборка завершается с ошибкой синтаксиса:
project/node_modules/typeface-nunito-sans/index.css:2
@font-face...
69 просмотров
schedule
05.12.2023
Как обрабатывать ошибки Nuxt SSR и отображать пользовательский код 404 || 500 страниц?
Как вы обрабатываете ошибки, когда Nuxt SSR сталкивается с ошибкой?
В настоящее время я использую обработчик error() , но он не работает в продакшене? Это пример моего приложения Nuxt.
asyncData
async asyncData({ store, route, error }) {...
2018 просмотров
schedule
21.02.2024
Добавить перевод на стороне сервера только с помощью next-i18next
Сценарий:
У нас есть сервер, который отвечает на несколько доменов (70+)
У каждого домена есть свой язык (уже в отдельном файле JSON)
У меня есть карта "domain":"translation.json"
У каждого клиента один язык: пользователь, посетивший...
1107 просмотров
schedule
07.10.2022
