This video is available to students only

Building the project

You can find the working example for this lesson in the code/05-next-ssg/05.24-building-project folder.

Now it is finally time to build our project. If we run it right now, we won't see any build artifacts in the project directory. That's because Next puts artifacts in the .next directory by default.

Next offers an option to export generated code to the out directory via next export. But we want to make build the build destination directory.

The next/image works only with a next application live-running on a server via next start. If we want to export our app as a static site we need to either specify a loader that will process images or to replace next/image with another component. For brevity, in this step, we will use standard img tags for images as we did in step 8.

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.

Unlock This Course

Get unlimited access to Fullstack React with TypeScript Masterclass with a single-time purchase.

Thumbnail for the \newline course Fullstack React with TypeScript Masterclass