Demystifying server-side rendering in React

Article by Alex Moldovan

Let's have a closer look at the feature that allows you to build universal applications with React Server-Side Rendering  —  SSR from here on  —  is the ability of a front-end framework to render markup while running on a back-end system. Applications that have the ability to render both on the server and on the client are called universal apps. In order to understand why SSR is needed, we need to understand the evolution of web applications in the past 10 years.


Related resources

Building a Blog with Next.js

Next.js is an awesome new framework for building universal React applications. In simple terms, that means you can use React to render templates on the server, as well frontend components the way you're most likely used to. The advantages of this are numerous (shared components, faster rendering, great [continue]

Tutorial by Zach Sherman

The simple guide to server-side rendering React with styled-components

The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The beauty of styled-components really shines through when you realize how seamless it is to setup in your application. Furthermore, styled-components are easy to integrate [continue]

Article by Dennis Brotzky

Tutorial: SSR Split Testing and Analytics with React, Redux, and Next.js

In this tutorial we will start with an empty Node.js project and walk through the process of building simple split-testing functionality with Next.js, Redux, and seamless analytics by creating custom Redux analytics middleware. This serves dual-purposes. As an introduction to Redux and Next.js, as well [continue]

Tutorial by Patrick Lee Scott

Next.js Crash Course - Server Side React

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. [continue]

Video Tutorial by Traversy Media