Static Site Generation and Server-Side Rendering using Next.js introduction
Get the project source code below, and follow along with the lesson material.
Download Project Source CodeTo set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.
This lesson preview is part of the Fullstack React with TypeScript Masterclass course and can be unlocked immediately with a single-time purchase. Already have access to this course? Log in here.
Get unlimited access to Fullstack React with TypeScript Masterclass, plus 70+ \newline books, guides and courses with the \newline Pro subscription.
[00:00 - 00:04] So far, we've been creating single page applications. Also, we didn't have any routing.
[00:05 - 00:11] 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.
[00:12 - 00:24] 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.
[00:25 - 00:36] 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.
[00:37 - 00:45] 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.