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

Next.js SSR vs. SSG

I am developing a Next.js e-commerce app with many pages, some of which are all-products page, specific product page, blog article page, profile page, cart page and many more. This app requires strong SEO, therefore I opted for Next.js, however, I…
tomasxboda
  • 539
  • 3
  • 15
8
votes
3 answers

How to tell if a website is using next.js?

It's easy to tell if a website uses ReactJS, by using the React Developer Tools. However, I know a website that uses ReactJS and Server Side Rendering (the whole page is built with React components, but the page source contains the whole HTML). Is…
BenMorel
  • 34,448
  • 50
  • 182
  • 322
8
votes
3 answers

Next.js - Client Side Navigation vs. changes in html

I'm currently working through the next.js tutorial, but I'm struggling to understand the following: The tutorial is telling me here, that clicking a element won't trigger a server request, and instead do "Client-side navigation", i.e.…
Giraphi
  • 1,383
  • 1
  • 11
  • 26
8
votes
1 answer

Angular SSR: Build Error TS6306: Referenced project must have setting "composite": true

I'm developing an Angular App with SSR, but I'm getting the following error when building with npm run build:ssr: ERROR in [...]/tsconfig.json [tsl] ERROR TS6306: Referenced project '[...]/tsconfig.app.json' must have setting "composite":…
uruk
  • 1,094
  • 2
  • 14
  • 26
8
votes
7 answers

Cannot find module 'webpack/lib/rules/BasicEffectRulePlugin'

I want to migrate my project to server-side render to make good SEO, I bit this error for three hours when I run the app. What is the problem I see anything resolve it please how can I fix this,I deleted node_module and package.lock and restart the…
8
votes
0 answers

JHipster - Angular Universal integration example (issues and thoughts)

I have integrated a JHipster project with Angular Universal. You may find it here along with an explanation. I'd say it works pretty well for a simple project. It is also not hard to integrate (it's mostly configuration). After tinkering with it for…
Kuhax
  • 99
  • 2
8
votes
1 answer

nextjs complains about read property of undefined during build

I am creating comment component using Nextjs for server side rendering. everything works fine in dev mode but when I try to build the optimized production, next js complains about Cannot read property 'byname' of undefined this is my component:…
nightograph
  • 2,179
  • 5
  • 31
  • 49
8
votes
1 answer

Angular/Rxjs pipe async does not work with ssr?

I have an issue with the async pipe running on SSR. there are no errors, only an infinite loop (it seems that the server is waiting for the observable to be resolved). I am using: @nestjs/ng-universal Angular 9 Firebase Rxjs A simple case like…
8
votes
1 answer

Detecting Server Side Rendering in Nuxt.js

I have a Nuxt.js app that uses Server Side Rendering. However in one of my pages I need to detect if it's SSR for a toggle of one of the components. What are some possible ways of creating an isSSR flag?
Stromwerk
  • 710
  • 8
  • 18
8
votes
0 answers

Nuxt.js: How to debug server side after nuxt build (logging some information)

I am using nuxt.js for my frontend app. I currently have a problem with asyncData especially the first time it is run (which is on the server). When building my app ($ nuxt build and serving it via $ serve), I currently have no real possibility to…
Merc
  • 4,241
  • 8
  • 52
  • 81
8
votes
0 answers

How to migrate from `provideModuleMap(LAZY_MODULE_MAP)` in Angular 8 to Angular 9

I have a large application that was working with SSR using ngExpressEngine in Angular 8. I ran though all the upgrade procedures described, but my server.ts file was not properly migrated. Specifically the reference to provideModuleMap remained…
WillyC
  • 3,917
  • 6
  • 35
  • 50
8
votes
2 answers

NuxtJS Page is created twice

I am currently facing an Issue in NuxtJS where a method is called twice and a request is therefore sent twice. This happens in a page and the method which is called twice is created(). I open the page with a parameter…
Markus G.
  • 1,620
  • 2
  • 25
  • 49
8
votes
1 answer

Create API in a Vue/Quasar SSR project

I want to create an API that can be called by the app itself (whether "ajax" or server-rendered) and other clients (e.g. mobile app). Most of the articles I found when googling "Quasar REST API" talk about how to access external APIs, which is not…
wiradikusuma
  • 1,930
  • 4
  • 28
  • 44
8
votes
0 answers

Angular Universal | How to stop animations from being played twice?

I'm building a web application using Angular. For SEO purposes I have implemented SSR (Angular Universal). Problem: When the application is fetched from the server various animations are played. A few seconds after (when browser rendering is…
Vingtoft
  • 13,368
  • 23
  • 86
  • 135
8
votes
2 answers

Get current domain name from request in Nuxt

How can I get the current domain name from a request on server side? My Nuxt based website is reachable from different domains. I would like to get the domain name from where the user has accessed the website. How can I do this? I tried to write a…
Philipp S.
  • 827
  • 17
  • 41