Routing
NextJS Routing

Route Configuration

Using a file-system-based router, Next.js allows for:

Routes are defined using folders. A route is a single path made up of nested folders that follows the file-system hierarchy from the root folder all the way down to the leaf folder that contains the page.js file. Check out Defining Routes.

The user interface (UI) displayed for a route segment is made using files. View the unique files.

For better understanding, please read the nextjs routing documentation:

How to add a new page?

Inside the app folder, make a new folder, and inside that folder, make a file page.jsx.

app/about/page.jsx

_10
const About = () => {
_10
return (
_10
<div>
_10
<h1>This is About Page</h1>
_10
</div>
_10
);
_10
};

Reference