4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
76 lines
1.8 KiB
TypeScript
76 lines
1.8 KiB
TypeScript
import Head from "next/head";
|
|
import ErrorPage from "next/error";
|
|
import { useRouter } from "next/router";
|
|
import Layout from "../components/layout";
|
|
import Container from "../components/container";
|
|
import { CMS_NAME } from "../lib/constants";
|
|
import { getAgilityPaths, getAgilityPageProps } from "../lib/api";
|
|
import usePreviewRedirect from "../lib/use-preview-redirect";
|
|
import CMSPageTemplate from "../lib/components/page-template";
|
|
|
|
export default function Slug({
|
|
sitemapNode,
|
|
page,
|
|
pageTemplateName,
|
|
languageCode,
|
|
channelName,
|
|
preview,
|
|
}) {
|
|
usePreviewRedirect();
|
|
|
|
const router = useRouter();
|
|
if (!router.isFallback && !page) {
|
|
return <ErrorPage statusCode={404} />;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Layout preview={preview}>
|
|
<Head>
|
|
<title>{`Next.js Blog Example with ${CMS_NAME}`}</title>
|
|
</Head>
|
|
<Container>
|
|
{router.isFallback ? (
|
|
<h1>Loading...</h1>
|
|
) : (
|
|
<CMSPageTemplate
|
|
sitemapNode={sitemapNode}
|
|
page={page}
|
|
pageTemplateName={pageTemplateName}
|
|
languageCode={languageCode}
|
|
channelName={channelName}
|
|
preview={preview}
|
|
/>
|
|
)}
|
|
</Container>
|
|
</Layout>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export async function getStaticProps({ params, preview = false }) {
|
|
const props = await getAgilityPageProps({ params, preview });
|
|
|
|
if (!props) {
|
|
return { props: {} };
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
sitemapNode: props.sitemapNode,
|
|
page: props.page,
|
|
pageTemplateName: props.pageTemplateName,
|
|
languageCode: props.languageCode,
|
|
channelName: props.channelName,
|
|
preview,
|
|
},
|
|
};
|
|
}
|
|
|
|
export async function getStaticPaths() {
|
|
const paths = await getAgilityPaths();
|
|
return {
|
|
paths: paths,
|
|
fallback: true,
|
|
};
|
|
}
|