Generating pages on the backend using Next.js
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 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 ]