Page

A page very much behaves like a post. The differences are mostly in capabilities. A page can never be a collection. You cannot assign taxonomies like categories or tags to a page. A page is considered to be completely independent.

You will recieve the data inside props and you can access the below result using props.data

{
loading: true,
post: {
id: 1,
title: "Another day on the terrace",
body: "It was January ...",
status: "publish",
createdAt: "2019-11-22T13:24:00.166Z",
publishedAt: "2019-11-22T13:24:00.166Z",
updatedAt: "2019-11-24T01:27:44.828Z",
excerpt: "Beatae alias ullam. Commodi modi et voluptatem quam. Nostrum occaecati ut id rem omnis soluta. Distinctio facere quia laudantium quia numquam vero iste.",
cover_image: "/uploads/6.jpg",
slug: "post-6",
cover_image_width: 1100,
cover_image_height: 600,
type: "page",
reading_time: '3 min read',
author: {
fname: "John1",
lname: "Dave",
avatar: "/admin/images/avatar.png",
bio: "Provident quis sed perferendis sed.",
__typename: "Author"
},
__typename: "Post"
}
}

This is an example component of how your Post code may look like.

const Page: IThemeContainer['Page'] = ({ router, settings, data }) => {
if (loading) return <Loader />;
if (!data || data.post === null) {
return (
<div>"Sorry, this page does not exist or might be restricted."<div/>
);
}
const { post } = data;
return (
<div>
<Article
post={post}
settings={settings}
/>
</div>
);
};