In this workshop, we are going to walk through the steps to create an Isomorphic application, compare it with a client-side rendering app (SPA) and try to figure out the best balance we should use for our apps.
The workshop is divided into different stages:
- Introduction: what is Isomorphic, Universal, server-side app and client-side app
- Exercise 0: Client-side app using React + Redux
- Exercise 1: Server side rendering with React
- Exercise 2: SEO
- Exercise 3: Initial rendering time & bundle size
- Bonus track: next.js
You can go through the different folders of each exercise, follow the step-by-step walkthrough in the README.md file or simply run the application.