Create New Page

To create a new page, follow these steps:

Create a new folder in src/app/(hydrogen), for example, new-page.
Inside the new folder, create a TypeScript file named page.tsx.
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 Furyroad',
};

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.

Create New Page​

Create New Page