Static Site Generation and Server-Side Rendering using Next.js introduction

So far, we've been creating single page applications. Also, we didn't have any routing. And a single page application does not reload the whole page. Instead, it fetches the data and updates only the parts of the page that need to be updated. Sometimes, you need to build another kind of application, let's say a website, where you wanted to be searchable by the search engines. So you want to pre-render some sections of your site, a good example would be a blog or a news website. And then instead of rendering it on the client, you can do one of two things. Either you render it as a response to a server request, or you generate it statically as a file and then serve it like a regular HTML page. In this chapter, we will learn about both approaches, the server-side rendering and static-side generation. We will build our own news platform and publish it to Versal.