Next Document

Search
Popular Search:

Routing in Next
Preview linkOfficial link

Next.js includes built-in routing functionality, so you don't need to install an additional package like react-router-dom. To define routes and handle navigation in Next.js, you can create pages inside the pages directory. Each file in the pages directory becomes a route.

You can find router file on the following path:

theme >> src >> page

For example, if you want to create a page for the URL/about, create a file called about.ts inside the pages directory and define the content of the about page in that file.

Here's an example of a basic about.js page in Next.js:

import React from 'react';

  const AboutPage = () => {
    return (
      <div>
        <h1>About Page</h1>
        <p>This is the about page content.</p>
      </div>
    );
  };
  
  export default AboutPage;

You can create additional pages by following the same approach. Each page file you create will automatically have its own route in Next.js.