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>
  );
};
Post
Next - Building a theme
Additional Theme Settings
Last updated 4 months ago