Questions tagged [server-side-rendering]
Serverside rendering is a technique for rendering a client-side app on the server.
4,447
questions
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 ...
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 ...
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:...
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 .
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 ...
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 ...
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 ...
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) {
^
...
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 ...
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 (...
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 =...
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 ...
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....
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.
...
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 ...
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....
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 ...
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 ...
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 ...
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 ...
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] ...
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.
...
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:
...
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'...
-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":...
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 ...
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-...
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 ...
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: ...
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 ...
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 ...
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 ...
-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 ...
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 ...
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? ...
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 = () =>...
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 ...
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 ...
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 ...
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 ...
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 ...
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....
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 ...
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/...
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 ...
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?
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 ...
-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 ...
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 ...
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 ...