Skip to main content
Version: v6.8.1

Create New Page

Create New Page

To create a new page, follow these steps:

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

  2. Inside the new 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 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.