Server Side Rendering

In this post, we will create a simple React app that is server-side rendered using Deno

Server-side rendering can be powerful but it does require thinking in multiple contexts so it's important to be familiar with some of the common gotchas when developing Server-Side Rendered websites.

Next.js and After.js are both frameworks that let us build server-side-rendered React apps without the hassle of setting up SSR from scratch from a create-react-app project. In this article, we’ll compare Next.js and After.js and explore their differences.

This post is a dive into how ElizabethWarren.com was eventually able to re-render content updates from a headless CMS on the fly, cache everything, and serve the entire website from an S3 bucket. The post presumes a baseline understanding of web technologies such as React.

This case study shows one way to implement partial Server-Side Rendering (SSR) and achieve performance gains without big investments in middleware for cloud-based platforms.

In this article, we’re going to learn about Server-Side Rendering, what this technique is and why we should consider it when we’re creating new apps.

In this series of articles, I'll try to tackle some of the most frequent issues faced using Server Side Rendering and how we tried to solve them.

In this article, I want to introduce you to SSR React, reasons to use it and some popular frameworks for rendering React on the server side. I would also like to address when SSR React does not make sense.

Razzle is a tool that abstracts all complex configuration for SSR into a single dependency. Learn how to get started with Razzle in server-rendering React apps.

Server-side rendering refers to the technique in which a web server returns dynamic HTML on the HTTP response. By dynamic I mean the HTML on the response varies depending on some variable on the request. Typically the variable is the URL.

In this talk from the 2019 JavaScript for WordPress Conference, Muhammad Muhsin explains how to use WordPress with ServerSide React!

As a Principal Architect and Consultant it has become painfully clear that React's Server-Side Rendering is a performance bottleneck for web backends around the world. This talk presents and demonstrates a very simple solution that can be dropped into pre-existing React applications to significantly improve Server-Side Rendering throughput.

During this lightning talk, let's walk through the pros and cons of server-rendered applications, when you want to have it and what you can expect.

Let’s have a look on how you can do the same with Next.js, and if the principles still apply today. Is the user getting a better perceived experience when we turn off the client side JavaScript?

This talk demonstrates a very simple solution that can be dropped into pre-existing React applications to vastly improve the throughput of an SSR Node server (around 20-40x+).

In this talk, I'll tell you how I used Next.js (a framework for static and server‑rendered apps) and the Enigma Public API (free search and discovery of public data) to build my latest project, "Today in Public Data."

Every user’s hardware is different, and processing speed can hinder user experience on client-side rendered React applications. Server-side rendering and code-splitting can drastically improve user experience by minimizing the work that the client has to do. It’s easy to get lost in the lingo, so come learn what it all means and how to easily build universal React apps using the Next.js framework. We’ll walk through the concepts and use code examples to cement your understanding. You’ll get the most out of this session if you’re comfortable with React and ES6 syntax.

In this video we will talk about Next.js which is a framework to render React on the server. We will look at setup and build a simple application that pulls Bitcoin pricing from an API and displays it in the app.

December 2017 Phoenix React Meetup

Universal React applications are tough to configure. Either you buy into a framework like Next.js, fork a boilerplate, or set things up yourself. Aiming to fill this void, Razzle is a tool that abstracts all the complex configuration needed for SSR into a single dependency--giving you the developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you.

A Practical Fullstack Book on Universal (Server) Rendering for React

Learn to build scalable React applications using the latest tools and techniques available in the React ecosystem! This is a modular course where you can pick and choose the various pieces of the react ecosystem you want to learn.

You'll see how to easily build high performance web apps that implement server-side rendering on every landing page using the Next.js framework.

Learn to build scalable React applications using the tools and techniques available in the React ecosystem

Zero configuration, universal JavaScript web apps with Next.js for React.

Create a faster and more responsive user experience by implementing server-side rendering in your React projects

In this course we we’ll see just how quickly next.js makes the process of building server-rendered ReactJS applications by creating and deploying an application that loads blog posts from the Google Blogger API.

This course will teach you how to build high-performance and secure isomorphic React applications

In this course, you will be learn how to get your react app to load as quickly as possible to maximize user engagement

Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques.

In this series we will build a universal/isomorphic JavaScript application using Next.js that displays repos by a GitHub user.

In this episode Adam talks to Tim Neutkens about Next.js, an opinionated React framework for building server-rendered client-side applications.

In this episode of React Round Up, the panel discusses Razzle and other projects with Jared Palmer. They talk about what Razzle is, the benefit of server-side rendering, and the difficulties he faced putting this project together. They also touch on why he chose to create Razzle and some of his other projects like Backpack and After.js.

Next.js is a minimalistic framework for server-rendered React applications

Create server-rendered universal JavaScript applications with no configuration

The "nearly invisible" way to server-render React applications

Next.js-like framework for server-rendered React apps built with React Router 4

A composite render engine for universal (isomorphic) express apps to render both plain react views and react-router views.

React bindings for Hypernova, a service for server-side rendering your JavaScript views.