Questions tagged [server-side-rendering]

Serverside rendering is a technique for rendering a client-side app on the server.

Rendering a client application on the server results in a faster experience for end users since they do not have to wait for assets to load before they can see and interact with an app. This is accomplished by using isomorphic code: code which is used on both the server and the client.

4406 questions
12
votes
0 answers

Deployable MFE using nextjs and module federation

does anyone has experience using Nextjs and module federation for creating the MFEs that can be deployable? I can see there are some limitations and we'll lose SSR in that case like deploying micro frontends with module federation and nextjs or we…
12
votes
11 answers

How to fix: Error: Angular structure loaded both synchronously and asynchronously

I just upgraded my Angular 6 project to Angular 11. This project has SSR implemented and here is the issue. When I run ng run myapp:server I get this error: ✔ Server application bundle generation complete. Initial Chunk Files | Names | …
netdjw
  • 5,419
  • 21
  • 88
  • 162
12
votes
1 answer

Flutter web and SSR

I'm new in flutter and I want to implement SSR for my flutter web app. does Flutter web support SSR(server side rendering)? how should I implement it?
Abbas Asadi
  • 265
  • 1
  • 5
  • 14
12
votes
1 answer

How to use SSR with Vue 3 - Vue packages version mismatch

I have a working Vue 2 app with server side rendering. Now I'm trying to upgrade to Vue 3 but stuck on the SSR part cuz the vue-server-renderer package throws the following error: Vue packages version mismatch: - vue@3.0.0 -…
Nio
  • 497
  • 3
  • 6
  • 16
12
votes
4 answers

React-tooltip and Next.js SSR issue

I use the react-tooltip library in my Next.js app. I noticed that every time I refresh a website while visiting a page that uses the tooltip I get an error: react-dom.development.js:88 Warning: Prop `dangerouslySetInnerHTML` did not match. CSS…
Damian Kociszewski
  • 283
  • 1
  • 5
  • 20
12
votes
5 answers

What is happening such I receive dangerouslySetInnerHTML warning and empty content using Next.js?

First-off, I do know I should not nest

tags. So I created a Next.js application and I have a component that sets rich text html as follows: The react…

Karim
  • 415
  • 6
  • 14
12
votes
1 answer

Working with spa services in .NetCore 3.0?

I develop SPA web applicaton using ASP.Net Core React+Redux. After update to .Net Core 3.0 I see that UseWebpackDevMiddleware and AddNodeServices is obsolete. I learn new project-template React+Redux, but it isn't use webpack or SSR. 1) Where I…
12
votes
2 answers

CSR vs SSR vs Pre-render, which one should I choose?

Currently, my project has two parts, one is before login, and one is after login.  What I want to achieve is, before login needs to be fast and SEO friendly, should I choose pre-render or SSR? And after login, we can choose CSR (so the client is…
12
votes
1 answer

Invalidate Firebase cache for Google Cloud Function on deploy

I have recently implemented SSR with Cloud Functions and Firebase Hosting. When the JS bundle is built it receives a cache bursting suffix (main.1.js). Inside my function I have the following piece of code for caching the results of the Cloud…
12
votes
2 answers

Angular 7 SSR - problems with NgZone

I've recently moved my company's website from React to Angular, since most our projects were already on Angular 7. Being the "use-the-latest-and-greatest" person that I am, I decided to implement server-side rendering to get the google page speed…
12
votes
1 answer

Nextjs redux, thunk and getInitialProps - how to implement

I want to use nextjs in my new project with redux and thunk also. I wondering how to implement all packages correctly. In my previous projects pages has HOC components like: import {connect} from 'react-redux'; import Page from './about'; import…
marczak
  • 489
  • 2
  • 8
  • 17
12
votes
2 answers

Nuxt Vuex Store Cookies Issue

Good time of the day! After a few weeks of development of my project, i've decided to migrate from plain Vue to Nuxt. Mainly because i need SSR, although i know that Google can execute JS presented on the page and therefore generate appropriate…
Ivan Zhivolupov
  • 1,107
  • 2
  • 20
  • 39
12
votes
1 answer

Can airbnb's hypernova tool be used for angularjs web seo?

Now Airbnb have a tool Hypernova for server side rendering of javascript views. I would like to know if it can be used for enhancing SEO of Ajax based website like the tool Prerender is used for. If not then why?
drishti ahuja
  • 1,379
  • 2
  • 15
  • 26
11
votes
1 answer

how to redirect from a utility function in remix run

I am using Remix-run and i want to redirect to my login page from a auth utility function. but it doesnt work. here is a similar function to my authentication utility method import { redirect } from 'remix'; async function authenticate(request){ …
hannad rehman
  • 4,133
  • 3
  • 33
  • 55
11
votes
2 answers

How to do SSR (server-side rendering) in Svelte/TypeScript?

Svelte’s JavaScript server-side rendering API is described here: https://svelte.dev/docs#run-time-server-side-component-api However, when I do this in TypeScript, there is no method App.render(). Do I need to change rollup.config.js (e.g.…
Axel Rauschmayer
  • 25,381
  • 5
  • 24
  • 17