forked from crowetic/commerce
* Custom Checkout Progress * Updates to Checkout * Custom Checkout Progress * Adding tabs * Adding Collapse * Adding Collapse * Improving Sidebar Scroll * Modif footer * Changes * More design updates * sidebar cart * More design updates * More design updates * More design updates * More design updates * Types * Types * Design Updates * More changes * More changes * More changes * Changes * Changes * Changes * New tailwind required changes * Sidebar Styling issues with Mobile * Latest changes - Normalizing cart * Styling Fixes * New changes * Changes * latest * Refactor and Renaming some UI Props * Adding Quantity Component * Adding Rating Component * Rating Component * More updates * User Select disabled, plus hidding horizontal scroll bars * Changes * Adding ProductOptions Component and more helpers * Styling updates * Styling updates * Fix for slim tags * Missmatch with RightArrow * Footer updates and some styles * Latest Updates * Latest Updates * Latest Updates * Removing Portal, since it's not needed. We might add it later I'd rather not to. * Removing Portal, since it's not needed. We might add it later I'd rather not to. * Sam backdrop filter * General UI Improvements * General UI Improvements * Search now with Geist Colors * Now with Geist Colors * Changes * Scroll for Mobile on IOs devises * LoadingDots Working (: * Changes * More Changes * Perf changes * More perf changes * Fade to the Nametags in the ProductCard * changes * Search issue ui * Search issue ui * Make sure to only refresh navbar and modals when required * Index revalidate * Fixed image issue * hide album scroll on windows * Fix scrollbar * Changing * Adding 404 with Layout * Removing Toast * Adding Assets * Adding Assets * Progress with LocalProvider * New productTag * Only images for the drop * changes * Empty SWRhooks * Adding Local Provider * Working local * Working view of a LocalProvider * More updates * Changes * Removed react-ticker * default to local if no env available * default to local if no env available * add missing `@` to css import * rewrite search rewrites to multiple pages * allow requests in getStaticProps to execute in parallel * make type import explicit * add a tsconfig.js file * use local provider in tsconfig.js * avoid a circular dependency * Saleor was not in the providers list * avoid circular dependency in bigcommerce * Adding more to the Local Provider (#366) * Adding more data * Adding more data * optimize assets (#370) * Optimize assets (#372) * optimize assets * remove assets * remove assets * cart enabled * Adding saleor * Changes with Webpack * Changes Co-authored-by: Luis Alvarez <luis@vercel.com> Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com> Co-authored-by: Shu Ding <g@shud.in>
87 lines
2.3 KiB
TypeScript
87 lines
2.3 KiB
TypeScript
import type {
|
|
GetStaticPathsContext,
|
|
GetStaticPropsContext,
|
|
InferGetStaticPropsType,
|
|
} from 'next'
|
|
import commerce from '@lib/api/commerce'
|
|
import { Text } from '@components/ui'
|
|
import { Layout } from '@components/common'
|
|
import getSlug from '@lib/get-slug'
|
|
import { missingLocaleInPages } from '@lib/usage-warns'
|
|
import type { Page } from '@commerce/types/page'
|
|
import { useRouter } from 'next/router'
|
|
|
|
export async function getStaticProps({
|
|
preview,
|
|
params,
|
|
locale,
|
|
locales,
|
|
}: GetStaticPropsContext<{ pages: string[] }>) {
|
|
const config = { locale, locales }
|
|
const pagesPromise = commerce.getAllPages({ config, preview })
|
|
const siteInfoPromise = commerce.getSiteInfo({ config, preview })
|
|
const { pages } = await pagesPromise
|
|
const { categories } = await siteInfoPromise
|
|
const path = params?.pages.join('/')
|
|
const slug = locale ? `${locale}/${path}` : path
|
|
const pageItem = pages.find((p: Page) =>
|
|
p.url ? getSlug(p.url) === slug : false
|
|
)
|
|
const data =
|
|
pageItem &&
|
|
(await commerce.getPage({
|
|
variables: { id: pageItem.id! },
|
|
config,
|
|
preview,
|
|
}))
|
|
|
|
const page = data?.page
|
|
|
|
if (!page) {
|
|
// We throw to make sure this fails at build time as this is never expected to happen
|
|
throw new Error(`Page with slug '${slug}' not found`)
|
|
}
|
|
|
|
return {
|
|
props: { pages, page, categories },
|
|
revalidate: 60 * 60, // Every hour
|
|
}
|
|
}
|
|
|
|
export async function getStaticPaths({ locales }: GetStaticPathsContext) {
|
|
const config = { locales }
|
|
const { pages }: { pages: Page[] } = await commerce.getAllPages({ config })
|
|
const [invalidPaths, log] = missingLocaleInPages()
|
|
const paths = pages
|
|
.map((page) => page.url)
|
|
.filter((url) => {
|
|
if (!url || !locales) return url
|
|
// If there are locales, only include the pages that include one of the available locales
|
|
if (locales.includes(getSlug(url).split('/')[0])) return url
|
|
|
|
invalidPaths.push(url)
|
|
})
|
|
log()
|
|
|
|
return {
|
|
paths,
|
|
fallback: 'blocking',
|
|
}
|
|
}
|
|
|
|
export default function Pages({
|
|
page,
|
|
}: InferGetStaticPropsType<typeof getStaticProps>) {
|
|
const router = useRouter()
|
|
|
|
return router.isFallback ? (
|
|
<h1>Loading...</h1> // TODO (BC) Add Skeleton Views
|
|
) : (
|
|
<div className="max-w-2xl mx-8 sm:mx-auto py-20">
|
|
{page?.body && <Text html={page.body} />}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
Pages.Layout = Layout
|