Generating pages on the backend using Next.js
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 with a single-time purchase.
[00:00 - 00:12] What we are going to build to fully understand all the advantages of pre-render ing, we have to create an application that has a lot of text content. With that in mind, we are going to create a new site.
[00:13 - 00:35] We will take the BBC website as a source of news and images and create an application that will have pre-rendered pages with content on them. We will both statically generate some pages and use pre-rendering on a server.
[00:36 - 01:13] Our final app will use static generation for pages with post categories and the front page and pre-render for single post pages. Also we will create a comment form.
[01:14 - 01:48] Also we will create a comment form that will be connected to the Redux store and hydrate the store when using on client. The completed application code is located in code 05-next-sg/completeit.
[01:49 - 02:37] And zip the archive and open the application folder in the terminal. Once there, install the dependencies, yarn and launch the application, yarn-dev .
[02:38 - 02:51] The application should run on localhost 3000 and should automatically open the browser. If it doesn't, just navigate there manually.
[02:52 - 03:13] [ Silence ]