Oh no!
There was an issue with our storefront. This could be a temporary issue, please try your
diff --git a/app/layout.tsx b/app/layout.tsx
index 58f5a9708..1e17f31d3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,7 @@
import Navbar from 'components/layout/navbar';
-import { GeistSans } from 'geist/font';
+import { GeistSans } from 'geist/font/sans';
import { ensureStartsWith } from 'lib/utils';
-import { ReactNode, Suspense } from 'react';
+import { ReactNode } from 'react';
import './globals.css';
const { TWITTER_CREATOR, TWITTER_SITE, SITE_NAME } = process.env;
@@ -36,9 +36,7 @@ export default async function RootLayout({ children }: { children: ReactNode })
-
- {children}
-
+
{children}
);
diff --git a/app/page.tsx b/app/page.tsx
index aefd19396..0fad0ac28 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,9 +1,6 @@
import { Carousel } from 'components/carousel';
import { ThreeItemGrid } from 'components/grid/three-items';
import Footer from 'components/layout/footer';
-import { Suspense } from 'react';
-
-export const runtime = 'edge';
export const metadata = {
description: 'High-performance ecommerce store built with Next.js, Vercel, and Shopify.',
@@ -16,12 +13,8 @@ export default async function HomePage() {
return (
<>
-
-
-
-
-
-
+
+
);
}
diff --git a/app/product/[handle]/page.tsx b/app/product/[handle]/page.tsx
index cf31f0021..3598ff75d 100644
--- a/app/product/[handle]/page.tsx
+++ b/app/product/[handle]/page.tsx
@@ -1,6 +1,5 @@
import type { Metadata } from 'next';
import { notFound } from 'next/navigation';
-import { Suspense } from 'react';
import { GridTileImage } from 'components/grid/tile';
import Footer from 'components/layout/footer';
@@ -10,8 +9,7 @@ import { HIDDEN_PRODUCT_TAG } from 'lib/constants';
import { getProduct, getProductRecommendations } from 'lib/shopify';
import { Image } from 'lib/shopify/types';
import Link from 'next/link';
-
-export const runtime = 'edge';
+import { Suspense } from 'react';
export async function generateMetadata({
params
@@ -82,27 +80,29 @@ export default async function ProductPage({ params }: { params: { handle: string
}}
/>
-
+
-
({
- src: image.url,
- altText: image.altText
- }))}
- />
+
+ }
+ >
+ ({
+ src: image.url,
+ altText: image.altText
+ }))}
+ />
+
-
-
-
+
-
-
-
+
);
}
diff --git a/app/search/[collection]/page.tsx b/app/search/[collection]/page.tsx
index 25416d544..e25542bfc 100644
--- a/app/search/[collection]/page.tsx
+++ b/app/search/[collection]/page.tsx
@@ -6,8 +6,6 @@ import Grid from 'components/grid';
import ProductGridItems from 'components/layout/product-grid-items';
import { defaultSort, sorting } from 'lib/constants';
-export const runtime = 'edge';
-
export async function generateMetadata({
params
}: {
diff --git a/app/search/layout.tsx b/app/search/layout.tsx
index 24d1480d3..5ef628120 100644
--- a/app/search/layout.tsx
+++ b/app/search/layout.tsx
@@ -2,12 +2,11 @@ import Footer from 'components/layout/footer';
import Collections from 'components/layout/search/collections';
import FilterList from 'components/layout/search/filter';
import { sorting } from 'lib/constants';
-import { Suspense } from 'react';
export default function SearchLayout({ children }: { children: React.ReactNode }) {
return (
-
-
+ <>
+
@@ -17,6 +16,6 @@ export default function SearchLayout({ children }: { children: React.ReactNode }
+
);
}
diff --git a/app/search/page.tsx b/app/search/page.tsx
index 2f7a53bd4..60f11b189 100644
--- a/app/search/page.tsx
+++ b/app/search/page.tsx
@@ -3,8 +3,6 @@ import ProductGridItems from 'components/layout/product-grid-items';
import { defaultSort, sorting } from 'lib/constants';
import { getProducts } from 'lib/shopify';
-export const runtime = 'edge';
-
export const metadata = {
title: 'Search',
description: 'Search for products in the store.'
diff --git a/app/sitemap.ts b/app/sitemap.ts
index fe8ed96ac..8f31ee94f 100644
--- a/app/sitemap.ts
+++ b/app/sitemap.ts
@@ -11,6 +11,8 @@ const baseUrl = process.env.NEXT_PUBLIC_VERCEL_URL
? `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
: 'http://localhost:3000';
+export const dynamic = 'force-dynamic';
+
export default async function sitemap(): Promise
{
validateEnvironmentVariables();
diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx
index aee2f7a47..a30818940 100644
--- a/components/cart/modal.tsx
+++ b/components/cart/modal.tsx
@@ -64,7 +64,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
leaveFrom="translate-x-0"
leaveTo="translate-x-full"
>
-
+
My Cart
diff --git a/components/layout/footer-menu.tsx b/components/layout/footer-menu.tsx
index 4f6387edd..444406294 100644
--- a/components/layout/footer-menu.tsx
+++ b/components/layout/footer-menu.tsx
@@ -19,7 +19,7 @@ const FooterMenuItem = ({ item }: { item: Menu }) => {
-
+
-
+
{SITE_NAME}
diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx
index 0058d5ec8..f7d2f6af9 100644
--- a/components/layout/navbar/index.tsx
+++ b/components/layout/navbar/index.tsx
@@ -6,7 +6,7 @@ import { Menu } from 'lib/shopify/types';
import Link from 'next/link';
import { Suspense } from 'react';
import MobileMenu from './mobile-menu';
-import Search from './search';
+import Search, { SearchSkeleton } from './search';
const { SITE_NAME } = process.env;
export default async function Navbar() {
@@ -15,7 +15,9 @@ export default async function Navbar() {
return (