In this post, we’ll focus on server-side rendering (SSR), starting with a quick overview of what SSR is, then explore how to do it with Node.js, finishing with a look at SSR at the Edge. Netflix, for instance, server-renders its relatively static landing pages, while prefetching the JS for interaction-heavy pages, giving the heavier client-rendered pages a better chance of quick loading. In reality, you can opt to use different approaches for different pages. Running a client-side application at build time to capture its initial state as static HTML.Įach approach has pros and cons in relation to performance. “Booting up” JavaScript (JS) views in the browser so they reuse the server-rendered HTML’s DOM tree and data. Rendering an app in a browser, by manipulating the DOM. Rendering a request for a page as HTML on the server, on each request.

Decisions around these approaches typically revolve around performance impact, including Time To First Byte (TTFB), First Paint (FP), First Contentful Paint (FCP), and Time To Interactive (TTI). There are several approaches to rendering ( thanks to Google for the definitions and diagrams). One of these core decisions is where to implement rendering logic in your application. Nitro also has a more low-level preset that directly exports a function with (req, res) => signature.As you build your website, you inevitably make a series of foundational decisions that will impact the entire architecture of your applications. NITRO_CLUSTER_WORKERS: Number of cluster workers (default is Number of available cpu cores).In addition to node-server environment variables, you can customiize behavior: Preset: node-cluster ( switch to this preset)įor more performance and leveraging multi core handling, you can use cluster preset. In the vast majority of cases, this should not be used other than for testing, and the Nitro server should be run behind a reverse proxy like nginx or Cloudflare which terminates SSL. NITRO_SSL_CERT and NITRO_SSL_KEY - if both are present, this will launch the server in HTTPS mode.You can customize server behavior using following environment variables: output directory to the hosting of your choice.

Node server