Tested basic revalidation

This commit is contained in:
Henrik Larsson
2023-05-23 10:29:10 +02:00
parent 90a808b8b1
commit d58d05df47
5 changed files with 803 additions and 685 deletions

View File

@@ -16,40 +16,28 @@ import SinglePagePreview from './single-page-preview';
/**
* Render pages depending on type.
*/
export default async function Page({
params,
}: {
params: { slug: string[], locale: string };
}) {
export default async function Page({ params }: { params: { slug: string[]; locale: string } }) {
const { isEnabled } = draftMode();
const { slug, locale } = params;
const { query = '', queryParams, docType } = getQueryFromSlug(slug, locale)
const pageData = await client.fetch(query, queryParams)
const { query = '', queryParams, docType } = getQueryFromSlug(slug, locale);
const data = filterDataToSingleItem(pageData, isEnabled)
const pageData = await client.fetch(query, queryParams);
const data = filterDataToSingleItem(pageData, isEnabled);
if (isEnabled) {
return (
<PreviewSuspense fallback="Loading...">
{docType === 'home' && (
<HomePagePreview query={query} queryParams={queryParams} />
)}
{docType === 'page' && (
<SinglePagePreview query={query} queryParams={queryParams} />
)}
{docType === 'product' && (
<ProductPagePreview query={query} queryParams={queryParams} />
)}
{docType === 'category' && (
<CategoryPagePreview query={query} queryParams={queryParams} />
)}
{docType === 'home' && <HomePagePreview query={query} queryParams={queryParams} />}
{docType === 'page' && <SinglePagePreview query={query} queryParams={queryParams} />}
{docType === 'product' && <ProductPagePreview query={query} queryParams={queryParams} />}
{docType === 'category' && <CategoryPagePreview query={query} queryParams={queryParams} />}
</PreviewSuspense>
)
);
}
return (
<>
{docType === 'home' && <HomePage data={data} />}
@@ -57,25 +45,22 @@ export default async function Page({
{docType === 'category' && <CategoryPage data={data} />}
{docType === 'page' && <SinglePage data={data} />}
</>
)
);
}
// Background revalidate once every day.
export const revalidate = 86400;
// export const revalidate = 86400;
/**
* Get paths for each page.
*/
export async function generateStaticParams() {
const paths = await client.fetch(docQuery)
const paths = await client.fetch(docQuery);
return paths.map((path: {
slug: string,
locale: string
}) => ({
return paths.map((path: { slug: string; locale: string }) => ({
slug: path.slug.split('/').filter((p) => p),
locale: path.locale
}))
}));
}
/**
@@ -83,54 +68,51 @@ export async function generateStaticParams() {
* If we're in "preview mode" and have multiple documents, return the draft
*/
function filterDataToSingleItem(data: any, preview = false) {
if (!Array.isArray(data)) {
return data
return data;
}
if (data.length === 1) {
return data[0]
return data[0];
}
if (preview) {
return data.find((item) => item._id.startsWith(`drafts.`)) || data[0]
return data.find((item) => item._id.startsWith(`drafts.`)) || data[0];
}
return data[0]
return data[0];
}
/**
* Generate metadata for each page.
*/
export async function generateMetadata({ params }: {params: { slug: string[], locale: string }}): Promise<Metadata> {
const { slug, locale } = params
export async function generateMetadata({
params
}: {
params: { slug: string[]; locale: string };
}): Promise<Metadata> {
const { slug, locale } = params;
const { query = '', queryParams } = getQueryFromSlug(slug, locale)
const { query = '', queryParams } = getQueryFromSlug(slug, locale);
const pageData = await client.fetch(query, queryParams)
const pageData = await client.fetch(query, queryParams);
const data = filterDataToSingleItem(pageData, false)
const data = filterDataToSingleItem(pageData, false);
const { seo } = data ?? {};
return {
title: seo?.title ? seo?.title : data?.title,
description: seo?.description
? seo.description
: 'Webb och digitalbyrå från Göteborg',
description: seo?.description ? seo.description : 'Webb och digitalbyrå från Göteborg',
openGraph: {
images: [
{
url: seo?.image?.asset?.url
? seo.image.asset.url
: '/og-image.jpg',
url: seo?.image?.asset?.url ? seo.image.asset.url : '/og-image.jpg',
width: 1200,
height: 630,
alt: seo?.coverImage?.alt
? seo.coverImage.alt
: 'Kodamera AB',
},
],
},
}
}
alt: seo?.coverImage?.alt ? seo.coverImage.alt : 'Kodamera AB'
}
]
}
};
}