There are two ways in which you can apply styling to your Next.js app using CSS. The first is by using a global stylesheet, which is applied to every page and component in your app. The second way is by using CSS modules, which apply styling to specific components only.

In this tutorial we’re going to use the default template we’ve installed and add a custom layout, header and footer each in separate files that can all be reused.

Welcome to this tutorial on setting up a NextJS development environment! In this post, we will go through the steps of installing the necessary tools, including Node.js and a code editor, and using npm to download the Next.js template app. We’ll use one of the template apps that Next.js provide in that environment and give an overview of the structure and files in template.