diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-24 15:38:37 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-24 15:38:37 +0100 |
| commit | ef7912256cb4765d553b002c24b9752c2d5096ac (patch) | |
| tree | 59b574dbda693dc5f1b2605272a6eff3b23802f2 /src/pages | |
| parent | fe5d74a864ddd1429b0753a3984c45b2392176d2 (diff) | |
| parent | 0bb6411ee9fce02c2e5680f2be5740a1bbb508ad (diff) | |
feat: use mdx for pages
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/cv.tsx | 21 | ||||
| -rw-r--r-- | src/pages/index.tsx | 10 | ||||
| -rw-r--r-- | src/pages/mentions-legales.tsx | 20 |
3 files changed, 14 insertions, 37 deletions
diff --git a/src/pages/cv.tsx b/src/pages/cv.tsx index 44d943c..5107f6a 100644 --- a/src/pages/cv.tsx +++ b/src/pages/cv.tsx @@ -1,14 +1,13 @@ import { getLayout } from '@components/Layouts/Layout'; import ToC from '@components/ToC/ToC'; import { seo } from '@config/seo'; -import { getPageByUri } from '@services/graphql/queries'; import { NextPageWithLayout } from '@ts/types/app'; -import { PageProps } from '@ts/types/pages'; import { loadTranslation } from '@utils/helpers/i18n'; import { GetStaticProps, GetStaticPropsContext } from 'next'; import Head from 'next/head'; +import CVContent, { intro, meta } from '@content/pages/cv.mdx'; -const CV: NextPageWithLayout<PageProps> = ({ page }) => { +const CV: NextPageWithLayout = () => { return ( <> <Head> @@ -17,17 +16,11 @@ const CV: NextPageWithLayout<PageProps> = ({ page }) => { </Head> <article> <header> - <h1>{page.title}</h1> - {page.content && ( - <div dangerouslySetInnerHTML={{ __html: page.intro }}></div> - )} + <h1>{meta.title}</h1> + <div dangerouslySetInnerHTML={{ __html: intro }}></div> </header> <ToC /> - <div - dangerouslySetInnerHTML={{ - __html: page.content ? page.content : page.intro, - }} - ></div> + <CVContent /> </article> </> ); @@ -42,13 +35,11 @@ export const getStaticProps: GetStaticProps = async ( context.locale!, process.env.NODE_ENV === 'production' ); - const page = await getPageByUri('/cv/'); - const breadcrumbTitle = page.title; + const breadcrumbTitle = meta.title; return { props: { breadcrumbTitle, - page, translation, }, }; diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 4146f34..3d4f6ff 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,18 +4,17 @@ import Head from 'next/head'; import Layout from '@components/Layouts/Layout'; import { seo } from '@config/seo'; import { NextPageWithLayout } from '@ts/types/app'; -import { HomePage, HomePageProps } from '@ts/types/homepage'; import { loadTranslation } from '@utils/helpers/i18n'; -import { getHomePage } from '@services/graphql/queries'; +import HomePageContent from '@content/pages/homepage.mdx'; -const Home: NextPageWithLayout<HomePageProps> = ({ data }) => { +const Home: NextPageWithLayout = () => { return ( <> <Head> <title>{seo.homepage.title}</title> <meta name="description" content={seo.homepage.description} /> </Head> - <div dangerouslySetInnerHTML={{ __html: data.content }}></div> + <HomePageContent /> </> ); }; @@ -30,11 +29,8 @@ export const getStaticProps: GetStaticProps = async (ctx) => { process.env.NODE_ENV === 'production' ); - const data: HomePage = await getHomePage(); - return { props: { - data, translation, }, }; diff --git a/src/pages/mentions-legales.tsx b/src/pages/mentions-legales.tsx index 41e9a0c..6bb1a55 100644 --- a/src/pages/mentions-legales.tsx +++ b/src/pages/mentions-legales.tsx @@ -1,14 +1,13 @@ import { getLayout } from '@components/Layouts/Layout'; import ToC from '@components/ToC/ToC'; import { seo } from '@config/seo'; -import { getPageByUri } from '@services/graphql/queries'; import { NextPageWithLayout } from '@ts/types/app'; -import { PageProps } from '@ts/types/pages'; import { loadTranslation } from '@utils/helpers/i18n'; import { GetStaticProps, GetStaticPropsContext } from 'next'; import Head from 'next/head'; +import LegalNoticeContent, { meta } from '@content/pages/legal-notice.mdx'; -const LegalNotice: NextPageWithLayout<PageProps> = ({ page }) => { +const LegalNotice: NextPageWithLayout = () => { return ( <> <Head> @@ -17,17 +16,10 @@ const LegalNotice: NextPageWithLayout<PageProps> = ({ page }) => { </Head> <article> <header> - <h1>{page.title}</h1> - {page.content && ( - <div dangerouslySetInnerHTML={{ __html: page.intro }}></div> - )} + <h1>{meta.title}</h1> </header> <ToC /> - <div - dangerouslySetInnerHTML={{ - __html: page.content ? page.content : page.intro, - }} - ></div> + <LegalNoticeContent /> </article> </> ); @@ -42,13 +34,11 @@ export const getStaticProps: GetStaticProps = async ( context.locale!, process.env.NODE_ENV === 'production' ); - const page = await getPageByUri('/mentions-legales/'); - const breadcrumbTitle = page.title; + const breadcrumbTitle = meta.title; return { props: { breadcrumbTitle, - page, translation, }, }; |