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

How to deal with text input changes in SSR text box before hydration is complete?

I'm working on a simple server-side rendering (SSR) scenario: just a login page, with a text input for a username and password. As per usual with SSR, when a client first loads the page they get the server-rendered version, which is not hydrated. It…
tom
  • 958
  • 6
  • 17
7
votes
1 answer

Nextjs navigating around is too slow, SSR specifically

Obviously this question has been asked before but the answers fail to help me. My problem is server side rendering takes way too long, Navigating from page to page takes like 2.5-4 and sometimes 10 seconds. All I do is 2 queries to the database…
7
votes
2 answers

Next.js dynamic import with server-side-rendering turned off not working on production build

I'm currently building a site using the leaflet package. This package however needs the window object. That's why I'm importing a component made with leaflet as a dynamic component with ssr turned off. Just like this: import dynamic from…
Mr Brickstar
  • 188
  • 1
  • 5
  • 17
7
votes
1 answer

How to use SSR with Stores on SvelteKit

I am new to sveltekit and svelte in general, and I am trying to load data from an API to the stores, here is how I am doing it export const load = async ({ fetch }) => { const data = get(dataStore); if (browser && data) { …
Marik Ishtar
  • 2,899
  • 1
  • 13
  • 27
7
votes
1 answer

use onMounted Hook

I'm using nuxt3 with vue3 for my website. But I have problem when using onMounted hook. here is my vue page.