Adding Server-Side Rendering to Your React Application

Abstract

In the previous chapter, we learned how to create a server-side application using the Next.js framework. However, we might want to create an application that is partially rendered on the client-side and partially on the server-side so that we can leverage the benefits of both client-side rendering and server-side rendering. In this chapter, we will create a client-side rendered React application and learn how to integrate server-side rendering into the application using Next.js framework. Along the way, we will also learn the importance of server-side rendering, styling our application, adding Bootstrap to our application, and some other topics. Mostly we will be using the things that we have already learned previously in order to create a functional application.