Creating New Pages

How to Create New Pages

Creating new pages in ShipAny follows the same rules as creating pages in the NextJS framework creating new pages.

1. Create a new folder in the app/[locale]/(default) directory, create a page.tsx file, and add the content for the new page:

export default function NewPage() {
  return (
    <div className="container py-36 flex items-center justify-center">
      New Page
    </div>
  );
}

2. Visit the new page’s URL in your browser to see the rendered content:

The new page will reuse the layout defined in app/[locale]/(default)/layout.tsx, displaying the Header and Footer by default.

If you want your new page to have a different layout, you’ll need to create a new Layout file. For detailed steps, refer to the NextJS Layout documentation

References

• NextJS Pages and Layouts