crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Test

Browse Source
This commit is contained in:
Henrik Larsson
2023-08-21 10:16:11 +02:00
parent 1baa3c1f8d
commit e49b0a06ae
12 changed files with 193 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,17 +1,14 @@
import CategoryPage from '@/components/pages/category-page';
import ProductPage from '@/components/pages/product-page';
import SearchPage from '@/components/pages/search-page';
import SearchPagePreview from '@/components/pages/search-page-preview';
import SinglePage from '@/components/pages/single-page';
import SinglePagePreview from '@/components/pages/single-page-preview';
import PreviewProvider from '@/components/preview-provider';
// import PreviewProvider from '@/components/preview-provider';
import getQueryFromSlug from '@/helpers/get-query-from-slug';
import { getCachedClient } from 'lib/sanity/sanity.client';
import { getCategory, getPage, getProduct, getSearch } from '@/lib/sanity/sanity.fetch';
import type { Metadata } from 'next';
import { draftMode } from 'next/headers';
import { notFound } from 'next/navigation';
export const dynamic = 'force-dynamic';
export const runtime = 'edge';
export async function generateMetadata({
params
@@ -20,18 +17,23 @@ export async function generateMetadata({
}): Promise<Metadata> {
const { slug, locale } = params;
const { query = '', queryParams } = getQueryFromSlug(slug, locale);
const { queryParams, docType } = getQueryFromSlug(slug, locale);
const page = await getCachedClient()(query, queryParams);
let page;
docType === 'page' && (page = await getPage(queryParams.slug, queryParams.locale));
docType === 'product' && (page = await getProduct(queryParams.slug, queryParams.locale));
docType === 'category' && (page = await getCategory(queryParams.slug, queryParams.locale));
docType === 'search' && (page = await getSearch(queryParams.slug, queryParams.locale));
if (!page) return notFound();
return {
title: `${page.seo?.title || page.title}`,
description: page.seo?.description || page.bodySummary,
description: page.seo?.description,
openGraph: {
publishedTime: page.createdAt,
modifiedTime: page.updatedAt,
// publishedTime: page.createdAt,
// modifiedTime: page.updatedAt,
type: 'article'
}
};
@@ -39,49 +41,38 @@ export async function generateMetadata({
interface PageParams {
params: {
locale: string;
slug: string[];
locale: string;
};
}
export default async function Page({ params }: PageParams) {
const preview = draftMode().isEnabled ? { token: process.env.SANITY_API_READ_TOKEN } : undefined;
const { slug, locale } = params;
const { query = '', queryParams, docType } = getQueryFromSlug(slug, locale);
const { queryParams, docType } = getQueryFromSlug(slug, locale);
let pageData;
let data;
if (docType === 'page') {
pageData = await getCachedClient()(query, queryParams);
data = await getPage(queryParams.slug, queryParams.locale);
} else if (docType === 'product') {
pageData = await getCachedClient()(query, queryParams);
data = await getProduct(queryParams.slug, queryParams.locale);
} else if (docType === 'category') {
pageData = await getCachedClient()(query, queryParams);
data = await getCategory(queryParams.slug, queryParams.locale);
} else if (docType === 'search') {
pageData = await getCachedClient()(query, queryParams);
} else {
return;
data = await getSearch(queryParams.slug, queryParams.locale);
}
if (!pageData) return notFound();
if (preview && preview.token) {
return (
<PreviewProvider token={preview.token}>
{docType === 'page' && <SinglePagePreview initialData={pageData} params={queryParams} />}
{docType === 'search' && <SearchPagePreview initialData={pageData} params={queryParams} />}
</PreviewProvider>
);
if (!data) {
notFound();
}
return (
<>
{docType === 'page' && <SinglePage data={pageData} />}
{docType === 'product' && <ProductPage data={pageData} />}
{docType === 'category' && <CategoryPage data={pageData} />}
{docType === 'search' && <SearchPage data={pageData} />}
{docType === 'page' && <SinglePage data={data} />}
{docType === 'product' && <ProductPage data={data} />}
{docType === 'category' && <CategoryPage data={data} />}
{docType === 'search' && <SearchPage data={data} />}
</>
);
}