Stack Overflow
Stack Overflow

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
10
votes
2 answers

Change props depending on breakpoint with SSR support

I'm using material-ui@v5, ie. the alpha branch. Currently, I have a custom Timeline component which does this: const CustomTimeline = () => { const mdDown = useMediaQuery(theme => theme.breakpoints.down("md")); return (
Matthew Kwong
  • 2,548
  • 2
  • 11
  • 22
10
votes
3 answers

Facebook debugger does not pick up Next.js next-seo meta tags

It feels like this question has been asked a hundred times. So, it's probably a hard question. I'll provide a bit more detail for my case. Maybe it'll help. I'm using Next.js ^10.0.9 and next-seo ^4.22.0. I can see the meta tags in devtools but FB…
nusantara
  • 1,109
  • 1
  • 15
  • 38
10
votes
3 answers

Angular Universal does not wait for api/http request before render

I have a brand new angular universal project that seems to pretender all the HTML (which is good). However, I am trying to make an API call to my .NET server which is a standard API build with the weatherforecast API. The API calls and it works…
Stanley
  • 2,434
  • 18
  • 28
10
votes
2 answers

How to server side redirect to other page without reloading the page and still keeping the url in Nextjs app?

I have a [slug].js page that will fetch API to get the destination page export async function getServerSideProps({ query, res }) { const slug = query.slug; try { const destination = await RoutingAPI.matchSlug(slug); …
iamhuynq
  • 5,357
  • 1
  • 13
  • 36
10
votes
3 answers

How to disable loading React Devtools Backend script

On production react_devtools_backend.js is loading anyway and it slows up my website in production. How to disable loading this react devtools? I'm using react 16.8, reactSSR, webpack 4.29, apollo I've alreadyused new webpack.DefinePlugin({ …
Morani
  • 446
  • 5
  • 15
10
votes
4 answers

Server side rendering issue over a CDN

I have recently launched a site that uses server side rendering (with next.js). The site has login functionality where if an authentication cookie is present from a user's request then it will render a logged in view for that user on the server and…
red house 87
  • 1,837
  • 9
  • 50
  • 99
10
votes
2 answers

React Server Components Performance on SEO

So this is a fairly new topic, React Server Components has recently been released, comparing to SSR/Next.js, how does it affect SEO? Since the component is rendered in the server dynamically when it is requested, it is not really as static as SSR…
kennysliding
  • 2,783
  • 1
  • 10
  • 31
10
votes
1 answer

Error: Configuring Next.js via 'next.config.ts' is not supported. Please replace the file with 'next.config.js'

I am building typescript next project. if I keep this config file as next.config.js, I get a warning in tsconfig.json saying "next.config.ts not found". so tsconfig.json has warning sign on the {}. If I change the extension to .ts, when I start the…
Yilmaz
  • 35,338
  • 10
  • 157
  • 202
10
votes
0 answers

.NET Core 5 Angular SSR

I am starting a new Angular website and thought I would start with the new .NET 5 but I am running into a few problems with adding SSR. I created a new website and added an Angular client using ng new client-app then added the SSR using ng add…
Andy Braham
  • 9,594
  • 4
  • 48
  • 56
10
votes
1 answer

Material UI:Flickering on the initial load of the page(Razzle)

I have integrated material UI in my Server side rendering app and have followed the code given here. Material UI css is been added to the html on the server side itself. However, on the initial load, material ui styles are not applied which is…
code_Knight
  • 251
  • 4
  • 17
10
votes
1 answer

Next js initial page loading time is too slow compared to subsequent page loads

I have build a App using nextjs and deployed it on server, I have observed that initial page loading take 4 sec to load and all subsequent page loads takes fews ms to load , if next generates the static html page and serves it then why does it take…
MOin
  • 31
  • 1
  • 1
  • 8
10
votes
1 answer

EditorJS in NextJS not able to load plugins

I am trying to get EditorJS working in NextJS. The editor loads fine without plugins, having the only paragraph as a block option. However, when I attempt to add plugins via tools prop console throws the following warning: editor.js?9336:2 Module…
Roman Burdun
  • 103
  • 1
  • 7
10
votes
2 answers

Styled-components delay setting property in Nextjs

I'm trying to implement styled-components in a React project with Nextjs. The problem is that, although I can implement and see the styles, there is a small delay when I see it on the browser. First it loadeds the component without style, and 22ms…
larry_82
  • 319
  • 1
  • 4
  • 15
10
votes
1 answer

UseSpaPrerendering being deprecated from .net core 3.0 onwards, what is the alternative?

UseSpaPrerendering being deprecated from .net core 3.0 onwards, what is the alternative for server-side rendering? How to migrate to .net core 3.0, If I'm using SSR in 2.1 There is no documentation on the future path on this. Microsoft doc says…
vinayak hegde
  • 2,117
  • 26
  • 26
10
votes
1 answer

Font-Awesome adds attribute aria-hidden which prevents icons from appearing in the browser [SSR]

I want to include some Font-Awesome Icons in my Next.js project. I've added the needed tag to my Head and then the tag…
DoubleJ
  • 117
  • 1
  • 11
1 2 3
…
99 100