diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-10 17:38:07 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-13 15:46:01 +0200 |
| commit | 9c8921db92d16b07ffc2a63ff3c80c4dcdd9ff9d (patch) | |
| tree | 52e87fa8e758ec51cfbf7aa200982e0a6f5ab1ca /src/pages/projets.tsx | |
| parent | 0d59a6d2995b4119865271ed1908ede0bb96497c (diff) | |
chore: add Project single pages
Diffstat (limited to 'src/pages/projets.tsx')
| -rw-r--r-- | src/pages/projets.tsx | 150 |
1 files changed, 0 insertions, 150 deletions
diff --git a/src/pages/projets.tsx b/src/pages/projets.tsx deleted file mode 100644 index 996af74..0000000 --- a/src/pages/projets.tsx +++ /dev/null @@ -1,150 +0,0 @@ -import Link from '@components/atoms/links/link'; -import { BreadcrumbItem } from '@components/molecules/nav/breadcrumb'; -import CardsList, { - CardsListItem, -} from '@components/organisms/layout/cards-list'; -import PageLayout from '@components/templates/page/page-layout'; -import PageContent, { meta } from '@content/pages/projects.mdx'; -import styles from '@styles/pages/projects.module.scss'; -import { ProjectCard } from '@ts/types/app'; -import { loadTranslation, Messages } from '@utils/helpers/i18n'; -import { getProjectsCard } from '@utils/helpers/projects'; -import useSettings from '@utils/hooks/use-settings'; -import { NestedMDXComponents } from 'mdx/types'; -import { GetStaticProps, NextPage } from 'next'; -import Head from 'next/head'; -import { useRouter } from 'next/router'; -import Script from 'next/script'; -import { useIntl } from 'react-intl'; -import { Article, Graph, WebPage } from 'schema-dts'; - -type ProjectsPageProps = { - projects: ProjectCard[]; - translation?: Messages; -}; - -/** - * Projects page. - */ -const ProjectsPage: NextPage<ProjectsPageProps> = ({ projects }) => { - const intl = useIntl(); - const { dates, seo, title } = meta; - const homeLabel = intl.formatMessage({ - defaultMessage: 'Home', - description: 'Breadcrumb: home label', - id: 'j5k9Fe', - }); - const breadcrumb: BreadcrumbItem[] = [ - { id: 'home', name: homeLabel, url: '/' }, - { id: 'projects', name: title, url: '/projets' }, - ]; - - const items: CardsListItem[] = projects.map( - ({ id, meta: projectMeta, slug, title: projectTitle }) => { - const { cover, tagline, ...remainingMeta } = projectMeta; - const formattedMeta: CardsListItem['meta'] = remainingMeta.technologies - ? [ - { - id: 'technologies', - term: 'Technologies', - value: remainingMeta.technologies, - }, - ] - : undefined; - - return { - cover, - id: id as string, - meta: formattedMeta, - tagline, - title: projectTitle, - url: `/projets/${slug}`, - }; - } - ); - - const components: NestedMDXComponents = { - Links: (props) => <Link {...props} />, - }; - - const { website } = useSettings(); - const { asPath } = useRouter(); - const pageUrl = `${website.url}${asPath}`; - const pagePublicationDate = new Date(dates.publication); - const pageUpdateDate = new Date(dates.update); - - const webpageSchema: WebPage = { - '@id': `${pageUrl}`, - '@type': 'WebPage', - breadcrumb: { '@id': `${website.url}/#breadcrumb` }, - name: seo.title, - description: seo.description, - inLanguage: website.locales.default, - license: 'https://creativecommons.org/licenses/by-sa/4.0/deed.fr', - reviewedBy: { '@id': `${website.url}/#branding` }, - url: `${pageUrl}`, - isPartOf: { - '@id': `${website.url}`, - }, - }; - - const articleSchema: Article = { - '@id': `${website.url}/#projects`, - '@type': 'Article', - name: meta.title, - description: seo.description, - author: { '@id': `${website.url}/#branding` }, - copyrightYear: pagePublicationDate.getFullYear(), - creator: { '@id': `${website.url}/#branding` }, - dateCreated: pagePublicationDate.toISOString(), - dateModified: pageUpdateDate.toISOString(), - datePublished: pagePublicationDate.toISOString(), - editor: { '@id': `${website.url}/#branding` }, - headline: meta.title, - inLanguage: website.locales.default, - license: 'https://creativecommons.org/licenses/by-sa/4.0/deed.fr', - mainEntityOfPage: { '@id': `${pageUrl}` }, - }; - - const schemaJsonLd: Graph = { - '@context': 'https://schema.org', - '@graph': [webpageSchema, articleSchema], - }; - - return ( - <PageLayout - title={title} - intro={<PageContent components={components} />} - breadcrumb={breadcrumb} - > - <Head> - <title>{seo.title}</title> - <meta name="description" content={seo.description} /> - <meta property="og:url" content={`${pageUrl}`} /> - <meta property="og:type" content="article" /> - <meta property="og:title" content={`${seo.title} - ${website.name}`} /> - <meta property="og:description" content={seo.description} /> - </Head> - <Script - id="schema-projects" - type="application/ld+json" - dangerouslySetInnerHTML={{ __html: JSON.stringify(schemaJsonLd) }} - /> - <CardsList items={items} titleLevel={2} className={styles.list} /> - </PageLayout> - ); -}; - -export const getStaticProps: GetStaticProps = async ({ locale }) => { - const projects = await getProjectsCard(); - const translation = await loadTranslation(locale); - - return { - props: { - projects, - translation, - }, - }; -}; - -export default ProjectsPage; |
