42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import React from "react";
|
|
import { InferGetStaticPropsType } from "next";
|
|
import { Blocks } from "../components/blocks-renderer";
|
|
import { useTina } from "tinacms/dist/react";
|
|
import { Layout } from "../components/layout";
|
|
import { client } from "../tina/__generated__/client";
|
|
|
|
export default function HomePage(
|
|
props: InferGetStaticPropsType<typeof getStaticProps>
|
|
) {
|
|
const { data } = useTina(props);
|
|
|
|
return (
|
|
<Layout rawData={ data } data={ data.global as any }>
|
|
<Blocks { ...data.page } />
|
|
</Layout>
|
|
);
|
|
}
|
|
|
|
export const getStaticProps = async ({ params }) => {
|
|
const tinaProps = await client.queries.contentQuery({
|
|
relativePath: `${ params.filename }.mdx`
|
|
});
|
|
const props = {
|
|
...tinaProps,
|
|
enableVisualEditing: process.env.VERCEL_ENV === "preview"
|
|
};
|
|
return {
|
|
props: JSON.parse(JSON.stringify(props)) as typeof props
|
|
};
|
|
};
|
|
|
|
export const getStaticPaths = async () => {
|
|
const pagesListData = await client.queries.pageConnection();
|
|
return {
|
|
paths: pagesListData.data.pageConnection?.edges?.map((page) => ({
|
|
params: { filename: page?.node?._sys.filename }
|
|
})),
|
|
fallback: false
|
|
};
|
|
};
|