Questions tagged [server-side-rendering]

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

Filter by
Sorted by
Tagged with
0 votes
0 answers
15 views

Node.js/Express SSR Error: 'ReferenceError: document is not defined

I'm trying to implement server-side rendering (SSR) for a React application using Node.js and Express. However, I'm encountering an error that I can't seem to resolve. Here are the details of the ...
Hareesh's user avatar
0 votes
1 answer
44 views

angular SSR : window is not defined

I use Angular for my application. I'm able to build for web and ssr but i have this error when i run : npm run serve:ssr: "ReferenceError: window is not defined" I have added this code in my ...
Nicolas Blaudez's user avatar
0 votes
1 answer
41 views

React Tsx - document is not defined

I have this simple application in React with Typescript that I created using Vite. When I start the application, I receive this error: ReferenceError: document is not defined at getUrlBasedHistory (C:...
Bogdan Deaconu's user avatar
0 votes
0 answers
7 views

Server side api gives no response from component in nuxt 3

I was unable to fetch this api data by using ssr in nuxt 3 component. I used all of them useAsyncData, useFetch, $fetch .
Mandeep's user avatar
  • 13
0 votes
0 answers
12 views

react-native 'Stylesheet' not exposing css in Browser DOM - react native for web server side rendering

The problem I am facing is when Server side rendering react-native for web. All css style class for DOM elements show up in CSS inspect console, but when I try to find the source code in dom i see an ...
user22585661's user avatar
0 votes
0 answers
10 views

Angular SSR change styles on it's own with ng2-adsense

when placing ads with ng2-adsense in the /about component for example and change the view with router-outlet and routing to /about the the footer leaves the bottom , i use flexbox css to set the ...
shady ahemd's user avatar
0 votes
0 answers
20 views

Problem with searching twice due to nuxt3 pages folder structure

While migrating from vue3 to nuxt3, I am experiencing a problem with routing occurring twice in a row. I need help. I would really appreciate your help. When entering through the /apt path, it routes ...
임지환's user avatar
0 votes
1 answer
16 views

ReactJS Vite SSR ReferenceError: window is not defined - react-slick library

When I run npm build using React Vite SSR plugin, I get the following error after the build: /<path>/node_modules/enquire.js/src/MediaQueryDispatch.js:14 if(!window.matchMedia) { ^ ...
Jolly Good's user avatar
0 votes
0 answers
19 views

Next js 13 Render issue [closed]

When I make a change to any page, it is not reflected in the browser until I refresh the page from the browser , Also, when I Navigate between pages, it refresh the browser page. **note: the same ...
Mohammed Al Safadi's user avatar
0 votes
0 answers
26 views

Dark theme Mantine & Nextjs 13 app directory

So i tried to set up a provider for both my own context for theme storing and Mantine provider, but as expected, this context waits for the useEffect to be executed to set a theme for MantineProvider (...
sayonara213's user avatar
0 votes
2 answers
23 views

NextJS 13 - window and localStorage undefined inside client component

I am writing a simple React CRUD app, using NextJS 13 and its app router. I have a route, in which page.tsx is a client component. page.tsx 'use client' import DataGrid from './DataGrid' const List =...
Ismaïl Mourtada's user avatar
0 votes
0 answers
14 views

How to migrate from jQuery to React without losing SEO? [closed]

I have a website that uses jQuery because I want Google crawler to be able to read the rendered site as html. (As far as I know Google crawler does not use Javascript to interpret sites.) At the ...
Barney Szabolcs's user avatar
0 votes
0 answers
32 views

How to get Nextjs 13.4+ SRR and Client Components to render properly

Apologies if I use the wrong terminology when explaining. I am wondering how to get SSR components and client components to work together and what would be the 'standard/ideal' method to go about this....
DoIevenLift's user avatar
0 votes
2 answers
34 views

Implement Canonical tag in an Angular Application

I have an Angular application where I want to have canonical tag value changing dynamically. I have a component named article.component.ts which is responsible for displaying individual blog pages. ...
Atif's user avatar
  • 252
0 votes
0 answers
20 views

How to use server functions during initial render in Next.js 13?

I was trying to create a dummy blog project to better comprehend Next 13 when I hit a block trying to crate a paginator. Currently I have a posts directory that runs on the server and uses a component ...
Eugène-René's user avatar
0 votes
0 answers
15 views

The browser doesn't send token cookie on ssr request when deployed my nextjs app on vercel

I'm encountering an issue with cookies not being sent in server-side rendered (SSR) requests on my Next.js app when it's deployed to Vercel, but it works perfectly fine on localhost during development....
Farouk Allani's user avatar
1 vote
0 answers
79 views
+200

Really slow pagespeed ranking - Angular 15 Server Side Rendering

I am getting really slow pagespeed ranking below 20 for some pages, as a result I lazyloaded modules, with little difference in pagespeed test, i decided to lazyload all the modules. And i have ...
Amir Dora.'s user avatar
  • 2,611
0 votes
0 answers
14 views

how to implement Server Side Sorting on Server Side Pagination using RDT?

i am making and application in nextjs using React Data Table to show data post data from db.. i have implemented server side pagination on RDT and also have implemented the Descending order sort. i ...
mananTandon's user avatar
0 votes
1 answer
20 views

getServerSideProps functions is not gettin called in NextJS 13 [duplicate]

Here is my code, console.log(data) is undefined i read the docs and also visited many blogs i made sure that api endpoint is working my page is under '/app/posts/page.js' my AllPost function is ...
Chandan Chaudhari's user avatar
0 votes
0 answers
8 views

Slow Loading Time (Avg. 2 seconds) after Deploying SvelteKit Project to Netlify

I recently deployed a project developed with SvelteKit to Netlify. However, I've been experiencing significant loading times on the website, much slower than anticipated. To be specific: The login ...
Jay0813's user avatar
  • 49
0 votes
1 answer
53 views

Next.js dynamic route one of provided list

I have a Next.js application with pages structure. I want to add a prefix to all route but this prefix only can be one of ['A', 'B', 'C'] otherwise should return 404 page. . └── pages └── [prefix] ...
Farzin's user avatar
  • 129
1 vote
1 answer
44 views

How to Dynamically Add External CSS to a Next.js Page Without Warnings?

I have a situation where I need to add CSS to a page dynamically. This page's content is dynamic and I receive a raw HTML and a link to a CSS file from a server, and I want to display it on the page. ...
Pablo's user avatar
  • 520
0 votes
0 answers
36 views

react.jsx: type is invalid -- expected a string (for built-in components) but got: object

I have a basic problem with SSR in Laravel, Inertia and React. Problem because I have only in SSR mode and I don't have this problem in dev & CSR modes. I use Laravel-inertia-react-vite Home.jsx: ...
Mohammad Abdorrahmani's user avatar
0 votes
1 answer
79 views

Is it possible to create client and server component in the same file in NextJS 13?

In my NextJS 13 app, one of my page.tsx files exports a component that can almost fully be rendered on the server. The only client interactivity it needs is a button that calls useRouter.pop() when it'...
Sylith's user avatar
  • 428
-2 votes
0 answers
11 views

Got this error while buliding the project in anugalr ssr with clevertap

var clevertap = new CleverTap(window.clevertap); ReferenceError: window is not defined i am getting this error in anuglar ssr while bulid the project i have used the npm--"clevertap-web-sdk":...
Chandra kadalikar's user avatar
0 votes
0 answers
35 views

How to storage data in server memory in Nextjs 13 app directory

I have a basic form in Nextjs with some validations and when I click on the submit button I handle the event and I create a JSON with the retrieved data. Right now I'm doing a console.log of the JSON ...
Alex's user avatar
  • 23
1 vote
0 answers
27 views

Migrate VUE 2 SSR template interpolation with <!--vue-ssr-outlet--> to VUE 3

Vue 2->3 migration guide https://v3-migration.vuejs.org/ is very poor and does not explain many situations available in VUE 2. For example in VUE 2 by this doc https://v2.ssr.vuejs.org/guide/#using-...
mikep's user avatar
  • 5,948
0 votes
0 answers
16 views

Server-side rendering for authentication based on local storage

I have a Next.js app that uses Firebase for authentication. For reasons we have to configure Firebase to use local storage to store the auth data (so cookies are not an option). My current approach is ...
Zizheng Tai's user avatar
  • 6,170
0 votes
1 answer
24 views

Rendering an obj model to an image server side using nodejs and threejs

I have already got the code set to render a blue cube and export it to an image, however, my issue is getting it to load an obj model. const gl = require('gl')(1920, 1080, { preserveDrawingBuffer: ...
Bret06's user avatar
  • 1
0 votes
0 answers
19 views

NextJS SST Static pages problem: Why static page get "Miss from CloudFront"?

I'm testing NextJS hosting with SST, so I deploy a simple nextJS app that only renders this static page: // src/pages/index.tsx function Home() { return <h1>Hello</h1>; } export default ...
Vitor Figueredo Marques's user avatar
0 votes
1 answer
27 views

How does the universal load function load non-serializable data on server-side

In the svelte-kit tutorial for universal load functions, the following example +page.server.js file is given, which causes an internal server error, because server-side loading only works with ...
kooru_hi's user avatar
0 votes
0 answers
20 views

NextJS 13 not able to get auth token from cookie in server and client request

I have a NextJS 13 app with JWT authentication to Django backend server. This is my home server page where I'm getting a cookie which is the access token. This page is server side. export default ...
Abhishek AN's user avatar
-2 votes
1 answer
34 views

Antd styles are now overriding the custom classes CSS by using useServerInsertedHTML from next.navigation

I was first facing a problem that my antd styles were taking a delay of 1 to 2 seconds to load due to which my page was not rendering correctly for the first 2 seconds, But after taking guidance from ...
Talha Abbas's user avatar
0 votes
0 answers
23 views

Cannot use smart Vue3 UI component in Nuxt3 with SSR

I am trying to make a smart design system that provides 'widgets', little UI components with their own instance of axios and fetching their own data for display. I created a simple Vite library with a ...
Thibault Marhem's user avatar
0 votes
0 answers
17 views

Simultaneous use of ssr and spa in nuxt

I have a shop site that I want the front part to be in ssr mode The user panel and login and registration should be loaded as spa Do you know how I can do this? And how will the routes settings be? ...
Rasoul Mousavi's user avatar
0 votes
0 answers
21 views

What is best naming convention to distinguish between store and normal variable in svelte?

I am currently struggling with naming store(writable, readable etc) in svelte. store.ts export type CanvasContext = ReturnType<typeof createCanvasStore> export const createCanvasStore = () =>...
Eddie Jeong's user avatar
0 votes
0 answers
15 views

React app pages are indexed but not visible in google search, Also not getting indexed on bing

I have created a blog website using React as frontend and Java spring boot as backend + mongodb. Pages are indexed on google but not visible in search, also I tried submitting sitemaps and manually ...
dead rise's user avatar
1 vote
1 answer
52 views

How to use client-side dependency variables while data fetching in Next.js 13?

I have a Next.js 13 app set up, I'm trying to properly implement client and server-side components to enhance user-experience and app performance. I am able to easily fetch and populate data using SSR ...
Fahad K's user avatar
  • 21
0 votes
0 answers
29 views

Laravel 10 SSR containers

Does anyone have an idea of how to establish a connection to an external container with Node.js and Vue Vite application in Laravel 10 using Inertia, which would facilitate server-side rendering? Is ...
davidd's user avatar
  • 1
0 votes
0 answers
19 views

nextjs server side rendering with geolocation data from client side

Earlier I was facing problem with SEO with pure ReactJS so I am now changing to NextJS. My requirements are I need to dynamically generate SEO for example There are [500 plumbers] around [New York ...
4 Leave Cover's user avatar
0 votes
0 answers
14 views

how to handle drop down button with Server Actions -Nextjs

i am just try how to deal with server actions and forms , so i have a form and API to post to it , all input fields works, i got all fields input except the value of the drop down button, in the ...
Muhammad Tawil's user avatar
0 votes
0 answers
13 views

How to handle $route params with Vue 2 SSR?

The goal is to parse route params, find the item in the store (by param from the URL), and write some item's properties to the raw HTML with Vue 2 SSR: <template> <div :class="$style....
Seva's user avatar
  • 665
0 votes
0 answers
22 views

Getting "undefined" value when calling "getServerSideProps" function in Next.js 13 [duplicate]

Getting an "undefined" value when calling the getServerSideProps function in Next.js 13 Like this: Data is: undefined Error: When I go to console the data in default export it shows an ...
Special Learning's user avatar
0 votes
1 answer
41 views

ReferenceError: self is not defined SSR Angular 14

Screenshot of the error Getting the error when creating an SSR build in angular. 0|main | ReferenceError: self is not defined 0|main | at Object.96170 (/opt/hpk-testing/landing-site/...
Harshith P K's user avatar
0 votes
0 answers
49 views

react-query streaming ssr in Next.js 13

I was trying to work with react-query using Next.js 13. I used prefetchQuery+Hydrate referencing https://tanstack.com/query/v4/docs/react/guides/ssr It worked fine, but I found out that streaming ...
stakbucks's user avatar
0 votes
0 answers
22 views

Does nextjs write anything to disk when deployed in standalone mode?

Once the app is built and deployed using standalone mode, does it require write access to disk to store cache or any other information, and does that answer change for ssg vs. isr vs. ssr?
julin shah's user avatar
0 votes
0 answers
21 views

Getting country from Geolocation IP (React Remix)

I'm facing a challenge in my Remix app. I have a server-side file responsible for processing client requests and returning their country. I'm looking for guidance on the best practices to optimize ...
haveman's user avatar
  • 323
-1 votes
0 answers
15 views

Is there a way to render some component in CSR instead of SSR in Angular Universal?

My goal is to render some components in SSR and some components in SSR. Right now, I only can tell the browser not to render at all. Edit: Eh it works, I was on slow connection mode, so I did not see ...
Jason Rich Darmawan's user avatar
0 votes
0 answers
17 views

images are not loaded in the browser

The issue : I created a SSR website using nuxt3 and used NuxtImage for optimizing the images. It works well out of the box in dev mode, locally. I deployed it to firebase functions + hosting using ...
grif's user avatar
  • 39
0 votes
0 answers
22 views

Nuxt 3 Authorization

I am new to Nuxtjs, i come from a web application developed using Vuejs 3, using pure Client Side Rendering and i was testing Nuxt SSR functionality migrating my application. In my scenario, the web ...
Mirai's user avatar
  • 43

1
2 3 4 5
89