Server-side rendering lets you optimize your applications to use client or server resources depending on network and device circumstances. Old device on a slow network? Render on the server. New device, fast network? You should probably let the client do the work. Some call the resulting architecture “universal,” others “isomorphic,” but the results are smooth. Learn about implementing server-side rendering, or SSR, in your React projects. Emmanuel Henri shows how to set up an SSR project with React and Next.js, add a centralized store with Redux, and configure custom routes with Express and Next.js. He wraps up the course with a discussion of code splitting, which can improve application performance.
- Setting up SSR
- Adding components
- Adding Redux actions and reducers
- Adding single and multiple routes with Nodes
- Code splitting with Next.js
Skill Level Advanced