From 8813f288e874fcedef3262d1160834cfb5ee9112 Mon Sep 17 00:00:00 2001
From: Rhys Sullivan <39114868+RhysSullivan@users.noreply.github.com>
Date: Fri, 18 Oct 2024 08:36:39 -0700
Subject: [PATCH 1/4] enable ppr

---
 next.config.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/next.config.mjs b/next.config.mjs
index 9a0249f..e481729 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,7 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   experimental: {
-    ppr: false,
+    ppr: true,
   },
   typescript: {
     ignoreBuildErrors: true,

From 523b2d918a8c7d537c8054c110f88b928830bfa4 Mon Sep 17 00:00:00 2001
From: Rhys Sullivan <39114868+RhysSullivan@users.noreply.github.com>
Date: Fri, 18 Oct 2024 08:44:55 -0700
Subject: [PATCH 2/4] try out encoding uris

---
 src/app/(category-sidebar)/layout.tsx                   | 2 +-
 src/app/(category-sidebar)/products/[category]/page.tsx | 2 +-
 src/app/order/page.tsx                                  | 2 +-
 src/components/ui/product-card.tsx                      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/(category-sidebar)/layout.tsx b/src/app/(category-sidebar)/layout.tsx
index 3c211c6..b92c930 100644
--- a/src/app/(category-sidebar)/layout.tsx
+++ b/src/app/(category-sidebar)/layout.tsx
@@ -18,7 +18,7 @@ export default async function Layout({
           {allCategories.map((category) => (
             <li key={category.name} className="w-full">
               <a
-                href={`/products/${category.slug}`}
+                href={`/products/${encodeURIComponent(category.slug)}`}
                 className="block w-full py-1 text-xs text-gray-800 hover:bg-yellow-100 hover:underline"
               >
                 {category.name}
diff --git a/src/app/(category-sidebar)/products/[category]/page.tsx b/src/app/(category-sidebar)/products/[category]/page.tsx
index cee1765..93ad8ed 100644
--- a/src/app/(category-sidebar)/products/[category]/page.tsx
+++ b/src/app/(category-sidebar)/products/[category]/page.tsx
@@ -64,7 +64,7 @@ export default async function Page(props: {
                   <Link
                     key={subcategoryIndex}
                     className="group flex h-full flex-row border px-4 py-2 hover:bg-gray-100"
-                    href={`/products/${category}/${subcategory.slug}`}
+                    href={`/products/${encodeURIComponent(category)}/${encodeURIComponent(subcategory.slug)}`}
                   >
                     <div className="py-2">
                       <Image
diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
index 96c3010..9435990 100644
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -94,7 +94,7 @@ async function CartItem({ item }: { item: CartItem }) {
   return (
     <div className="flex flex-row items-center justify-between space-x-4 border-t border-gray-200 pt-4">
       <Link
-        href={`/products/${product.subcategory.subcollection.category_slug}/${product.subcategory.slug}/${product.slug}`}
+        href={`/products/${encodeURIComponent(product.subcategory.subcollection.category_slug)}/${encodeURIComponent(product.subcategory.slug)}/${encodeURIComponent(product.slug)}`}
       >
         <div className="flex flex-row space-x-4">
           <div className="flex h-24 w-24 items-center justify-center bg-gray-100">
diff --git a/src/components/ui/product-card.tsx b/src/components/ui/product-card.tsx
index 1316771..4751f1f 100644
--- a/src/components/ui/product-card.tsx
+++ b/src/components/ui/product-card.tsx
@@ -11,7 +11,7 @@ export function ProductLink(props: {
   return (
     <Link
       className="group flex h-full flex-row border px-4 py-2 hover:bg-gray-100"
-      href={`/products/${category_slug}/${subcategory_slug}/${product.slug}`}
+      href={`/products/${encodeURIComponent(category_slug)}/${encodeURIComponent(subcategory_slug)}/${encodeURIComponent(product.slug)}`}
     >
       <div className="py-2">
         <Image

From 7745f0de8409ccfe2e8223066dfba6c69aaa9207 Mon Sep 17 00:00:00 2001
From: Rhys Sullivan <39114868+RhysSullivan@users.noreply.github.com>
Date: Fri, 18 Oct 2024 08:47:14 -0700
Subject: [PATCH 3/4] Revert "try out encoding uris"

This reverts commit 523b2d918a8c7d537c8054c110f88b928830bfa4.
---
 src/app/(category-sidebar)/layout.tsx                   | 2 +-
 src/app/(category-sidebar)/products/[category]/page.tsx | 2 +-
 src/app/order/page.tsx                                  | 2 +-
 src/components/ui/product-card.tsx                      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/(category-sidebar)/layout.tsx b/src/app/(category-sidebar)/layout.tsx
index b92c930..3c211c6 100644
--- a/src/app/(category-sidebar)/layout.tsx
+++ b/src/app/(category-sidebar)/layout.tsx
@@ -18,7 +18,7 @@ export default async function Layout({
           {allCategories.map((category) => (
             <li key={category.name} className="w-full">
               <a
-                href={`/products/${encodeURIComponent(category.slug)}`}
+                href={`/products/${category.slug}`}
                 className="block w-full py-1 text-xs text-gray-800 hover:bg-yellow-100 hover:underline"
               >
                 {category.name}
diff --git a/src/app/(category-sidebar)/products/[category]/page.tsx b/src/app/(category-sidebar)/products/[category]/page.tsx
index 93ad8ed..cee1765 100644
--- a/src/app/(category-sidebar)/products/[category]/page.tsx
+++ b/src/app/(category-sidebar)/products/[category]/page.tsx
@@ -64,7 +64,7 @@ export default async function Page(props: {
                   <Link
                     key={subcategoryIndex}
                     className="group flex h-full flex-row border px-4 py-2 hover:bg-gray-100"
-                    href={`/products/${encodeURIComponent(category)}/${encodeURIComponent(subcategory.slug)}`}
+                    href={`/products/${category}/${subcategory.slug}`}
                   >
                     <div className="py-2">
                       <Image
diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
index 9435990..96c3010 100644
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -94,7 +94,7 @@ async function CartItem({ item }: { item: CartItem }) {
   return (
     <div className="flex flex-row items-center justify-between space-x-4 border-t border-gray-200 pt-4">
       <Link
-        href={`/products/${encodeURIComponent(product.subcategory.subcollection.category_slug)}/${encodeURIComponent(product.subcategory.slug)}/${encodeURIComponent(product.slug)}`}
+        href={`/products/${product.subcategory.subcollection.category_slug}/${product.subcategory.slug}/${product.slug}`}
       >
         <div className="flex flex-row space-x-4">
           <div className="flex h-24 w-24 items-center justify-center bg-gray-100">
diff --git a/src/components/ui/product-card.tsx b/src/components/ui/product-card.tsx
index 4751f1f..1316771 100644
--- a/src/components/ui/product-card.tsx
+++ b/src/components/ui/product-card.tsx
@@ -11,7 +11,7 @@ export function ProductLink(props: {
   return (
     <Link
       className="group flex h-full flex-row border px-4 py-2 hover:bg-gray-100"
-      href={`/products/${encodeURIComponent(category_slug)}/${encodeURIComponent(subcategory_slug)}/${encodeURIComponent(product.slug)}`}
+      href={`/products/${category_slug}/${subcategory_slug}/${product.slug}`}
     >
       <div className="py-2">
         <Image

From a820cb5eab740f47e4b19e2f85cd0bc3b9dab464 Mon Sep 17 00:00:00 2001
From: Rhys Sullivan <39114868+RhysSullivan@users.noreply.github.com>
Date: Fri, 18 Oct 2024 10:19:53 -0700
Subject: [PATCH 4/4] remove loading.tsx

---
 .../[category]/[subcategory]/[product]/loading.tsx     | 10 ----------
 .../products/[category]/[subcategory]/loading.tsx      | 10 ----------
 .../(category-sidebar)/products/[category]/loading.tsx | 10 ----------
 3 files changed, 30 deletions(-)
 delete mode 100644 src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx
 delete mode 100644 src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx
 delete mode 100644 src/app/(category-sidebar)/products/[category]/loading.tsx

diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx
deleted file mode 100644
index 0af39dd..0000000
--- a/src/app/(category-sidebar)/products/[category]/[subcategory]/[product]/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { LoadingPage } from "@/components/loading";
-
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/Z1bVbMZYEOI
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
-export default function Page() {
-  return <LoadingPage />;
-}
diff --git a/src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx b/src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx
deleted file mode 100644
index 0af39dd..0000000
--- a/src/app/(category-sidebar)/products/[category]/[subcategory]/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { LoadingPage } from "@/components/loading";
-
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/Z1bVbMZYEOI
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
-export default function Page() {
-  return <LoadingPage />;
-}
diff --git a/src/app/(category-sidebar)/products/[category]/loading.tsx b/src/app/(category-sidebar)/products/[category]/loading.tsx
deleted file mode 100644
index 0af39dd..0000000
--- a/src/app/(category-sidebar)/products/[category]/loading.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { LoadingPage } from "@/components/loading";
-
-/**
- * v0 by Vercel.
- * @see https://v0.dev/t/Z1bVbMZYEOI
- * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app
- */
-export default function Page() {
-  return <LoadingPage />;
-}