Create New Page

Create New Page

To create a new page, follow these steps:

1. Create a new folder in apps/isomorphic/src/app/(hydrogen), for example, new-page.

2. Inside the new-page folder, create a TypeScript file named page.tsx.

3. Add the following code to page.tsx:

import { Metadata } from "next";
import PageHeader from "@/app/shared/page-header";

// SEO metadata
export const metadata: Metadata = {
  title: "New Page | Isomorphic",
};

const pageHeader = {
  title: "NewPage",
  breadcrumb: [
    {
      href: "/",
      name: "Home",
    },
    {
      name: "NewPage",
    },
  ],
};

export default function NewPage() {
  return (
    <>
      <PageHeader
        title={pageHeader.title}
        breadcrumb={pageHeader.breadcrumb}
      />
    </>
  );
}

Remember to replace the content inside the NewPage component with your actual page content.

Also, note that there is a blank page example located in src/app/(hydrogen)/blank that you can use as a reference.