crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add suspense to pages

Browse Source
This commit is contained in:
Henrik Larsson 2023-08-29 20:58:44 +02:00
parent 21bfa76db0
commit 11ff96c729
1 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/(site)/[locale]/[...slug]/page.tsx
View File

@ -13,6 +13,7 @@ import type { Metadata } from 'next';
import { LiveQuery } from 'next-sanity/preview/live-query';
import { draftMode } from 'next/headers';
import { notFound } from 'next/navigation';
import { Suspense } from 'react';
export async function generateMetadata({
params
@ -107,10 +108,26 @@ export default async function Page({ params }: PageParams) {
as={PagePreview}
>
<>
{docType === 'page' && <SinglePage data={data} />}
{docType === 'product' && <ProductPage data={data} />}
{docType === 'category' && <CategoryPage data={data} />}
{docType === 'search' && <SearchPage data={data} />}
{docType === 'page' && (
<Suspense fallback={<div>Loading page...</div>}>
<SinglePage data={data} />
</Suspense>
)}
{docType === 'product' && (
<Suspense fallback={<div>Loading product...</div>}>
<ProductPage data={data} />
</Suspense>
)}
{docType === 'category' && (
<Suspense fallback={<div>Loading category...</div>}>
<CategoryPage data={data} />
</Suspense>
)}
{docType === 'search' && (
<Suspense fallback={<div>Loading search...</div>}>
<SearchPage data={data} />
</Suspense>
)}
</>
</LiveQuery>
);