Fuso documentation


Create New Page

To create a page, Ensure you're using Next.js latest version (Next -15) and your project is using the App Router (app/ directory). In this guide, we will see how to use them.

Creating a Standalone Component

  • First, Go to the app/ directory
    •                     
    my-next-app/ 
├── app/ 
│ └── page.tsx ← default homepage 
│ └── layout.tsx ← shared layout 
├── public/ 
├── next.config.js // now can also update next.config.ts if using typescript 
├── package.json
  • Second, Create a new folder for your page. For example, to create a page at /about, do: 
    •                       
    my-next-app/app/about/page.tsx
  • Third, Add a basic component in page.tsx
    Note: The file must be named page.tsx or page.jsx to be recognized as a route. 
    •                       
    // app/about/page.tsx
export default function AboutPage() {
  return (
    <div>
      <h4>About Us</h4>
      <p>This is the About page!</p>
    </div>
  );
}