From a317221a6ef88dc037985398bf87926a73f7fa48 Mon Sep 17 00:00:00 2001
From: Paul Hachmang <paul@reachdigital.nl>
Date: Thu, 16 Jan 2025 11:50:56 +0100
Subject: [PATCH] Cleanup and release notes

---
 .changeset/brave-penguins-love.md               |  5 +++++
 examples/magento-open-source/pages/[...url].tsx | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/brave-penguins-love.md

diff --git a/.changeset/brave-penguins-love.md b/.changeset/brave-penguins-love.md
new file mode 100644
index 0000000000..60ec976cb4
--- /dev/null
+++ b/.changeset/brave-penguins-love.md
@@ -0,0 +1,5 @@
+---
+'@graphcommerce/magento-cms': patch
+---
+
+Convert home to render the home CmsPage and add page/[…url] route for additional pages.
diff --git a/examples/magento-open-source/pages/[...url].tsx b/examples/magento-open-source/pages/[...url].tsx
index b747f654ca..ea7a3b0613 100644
--- a/examples/magento-open-source/pages/[...url].tsx
+++ b/examples/magento-open-source/pages/[...url].tsx
@@ -64,6 +64,7 @@ function CategoryPage(props: CategoryProps) {
 
   return (
     <PrivateQueryMaskProvider mask={productList.mask}>
+      <CategoryMeta params={params} {...category} />
       <LayoutHeader floatingMd hideMd={import.meta.graphCommerce.breadcrumbs}>
         <LayoutTitle size='small' component='span'>
           {category?.name}
@@ -71,8 +72,6 @@ function CategoryPage(props: CategoryProps) {
       </LayoutHeader>
       {isCategory && isLanding && (
         <>
-          <CategoryMeta params={params} {...category} />
-
           {import.meta.graphCommerce.breadcrumbs && (
             <Container maxWidth={false}>
               <CategoryBreadcrumbs
@@ -94,8 +93,6 @@ function CategoryPage(props: CategoryProps) {
       )}
       {isCategory && !isLanding && (
         <>
-          <CategoryMeta params={params} {...category} />
-
           {import.meta.graphCommerce.productFiltersPro &&
             import.meta.graphCommerce.productFiltersLayout === 'SIDEBAR' && (
               <ProductListLayoutSidebar
@@ -158,7 +155,10 @@ export const getStaticProps: GetPageStaticProps = async (context) => {
 
   const staticClient = graphqlSsrClient(context)
 
-  const categoryPage = staticClient.query({ query: CategoryPageDocument, variables: { url } })
+  const categoryPage = staticClient.query({
+    query: CategoryPageDocument,
+    variables: { url },
+  })
 
   const layout = staticClient.query({
     query: LayoutDocument,