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
1
vote
1 answer

Next.js 13 - Jotai's useHydrateAtoms hook causes a UI missmatch

Working on a Next.js 13 project using the new app directory and jotai as global state manager. Now I am trying to pass an initial state to my atoms using the useHydrateAtoms hook as seen in the official documentation, but this causes a hydration…
Fabio Nettis
  • 1,150
  • 6
  • 18
1
vote
0 answers

Save image data for using in Nextjs Image blurDataURL

I am faced with this issue that Nextjs/Image needs blurDataUrl as "data:image/jpeg..." Previously in the Next/Image legacy you could give the blurDataUrl the url of an 10px image and it then made the blur effect. But now it needs the image data as…
SC K
  • 141
  • 8
1
vote
0 answers

Set up locale for date-fns and Nextjs app directory

I'm using NextJS 13.4 with app directory (server components) and date-fns. I also use next-intl as internationalisation library. I want to set correct locale before the app starts rendering on server side and the user's timezone so that whatever is…
Tomasz Mularczyk
  • 34,501
  • 19
  • 112
  • 166
1
vote
1 answer

Cypress: How to check client side validation via JavaScript?

I have a field name where the value 1 is not allowed. Per JavaScript I insert the text 'This value is not valid' in form-element when the cursor left the name-field. I would like to test this. I have tried this…
agi
  • 23
  • 2
1
vote
1 answer

Why do server components needs to be Hydrated?

So, if I understood how server components work, it will return the html to clients, and then, after loading the initial javascript bundle, it will get from the server a json file to represent its virtual DOM node to hydrate the initial html from…
Vitor Figueredo Marques
  • 159
  • 8
1
vote
0 answers

Angular SSR: Cannot match any routes error when URL Segment is 'robots.txt'

Hello I have been following the Angular guide to use SSR, https://angular.io/guide/universal It showed me the following error, I have been looking for a solution and I have not found anything. I publish the solution in case someone else has the same…
Heilly Perdomo
  • 11
  • 1
1
vote
1 answer

How can I implement pagination for tables in a Sveltekit admin dashboard without query parameters?

Problem How to implement pagination for components in a page without using query parameters? Context Just started learning Sveltekit (new to SSR in general) - decided to try and build an "admin dashboard". Dashboard page has two tables - one that…
Tristan Charles Boniface
  • 11
  • 1
  • 3
1
vote
0 answers

How to handle 'document' and 'localstorage' errors in Ionic Server-Side Rendering?

Problem running 'localstorage' and 'document' on Ionic SSR environment I'm trying to implement Ionic Server Side rendering (alongside Angular) in my current Ionic Mobile Project, however I'm getting erros in the compilation process regarding the use…
M4ntiC0re
  • 11
  • 1
1
vote
3 answers

How to add Font Awesome to Next.js 13 project error Module not found

I would like to add fontawesome to my nextjs 13 project. I'm trying to implement solution #3 which was asked a long time ago. I've tried the solution in the fontawesome documentation as well. I'm just starting out with nextjs and at first I followed…
Pachuca
  • 212
  • 1
  • 9
1
vote
0 answers

Deploy SvelteKit with dynamic content to Cloudflare Pages and Workers

I have external API and I'm working on SvelteKit website to present data from that API, I chose Cloudflare Pages for deployment. As I want to hide token used for accessing API, I can't use static pages. So this is how my code looks like //…
moonvader
  • 19,761
  • 18
  • 67
  • 116
1
vote
0 answers

Vite (vite-plugin-ssr) generating separate assets build bundels under corresponding directories (per page MPA)

I'm building an MPA on vite react, using vite-plugin-ssr, for the purpose of html generation during development and build. Plugin does its job greatly generating htmls, but I also need it in the dist to keep the structure of the files. What it does…
mk.maria
  • 11
  • 1
1
vote
1 answer

Deno Fresh getting pathname

I'm quite new to deno and the Fresh framework (which is really hard to google for answers). I wanna make a nav link a different background color of it matches the pathname this is what I tried: const NavLink = ({ href, children }: NavLinkProps) =>…
Norfeldt
  • 8,272
  • 23
  • 96
  • 152
1
vote
1 answer

Why does my dynamic image not display in child component using SSR in Nuxt and Quasar?

I am working on SSR projects (Nuxt, Quasar). When I try to display a dynamic image in a child component, the image is not displayed. My current code is: function getUrl (img: string) { return require(`@/assets/imgs/sidebar/${img}.png`); } It…
James
  • 29
  • 2
1
vote
0 answers

How to find the parent element (traverse) of a virtual DOM in Nuxt 3 on the server-side?

I am utilizing a custom v-id directive on the template to transform it into structured BEM. However, when the HTML is received from the server, the v-id directive does not execute correctly. It only functions properly when the client-side rendering…
mike lee
  • 11
  • 2
1
vote
1 answer

NextAuth with GoolgeProvider does not return the user in session callback

Suddenly I can no longer access the email address of the registered user. I use NextAuth and Google as the provider. Up until now, everything has worked. Actually, after successful registration, the e-mail of the user should be delivered by Google.…
Captai-N
  • 1,124
  • 3
  • 15
  • 26
1 2 3
…
99
100