How to create a new page

Just create a new .js/jsx file in src/views folder. For example you can use src/about.jsx.

WARNING

If you want to create a new page then you need to add the page to the src/App.jsx file.

Step.1 : Creating a new page

Create a new .js/jsx file in the src/pages folder. You can use src/about.jsx. and add the page to the src/App.js file. in Layout component.

const About = () => {
  return (
    <div class="about">
      <h1>About</h1>
    </div>
  );
};

<Routes>
  <Route path="/" element={<Layout />}>
    <Route path="/about" element={<About />} />
  </Route>
</Routes>

Go to src/constant file and add the page to the menuItems array.

{
    title: "About",
    icon: "heroicons-outline:user",
    link: "email",
},