Display Title – Gatsby

gatsby-node.js

const path = require("path");

exports.createPages = async ({ actions, graphql }) => {
  const pageTemplate = path.resolve("src/templates/page.js");
  const { createPage } = actions;

  const { data } = await graphql(`
    query AllPagesQuery {
      allWpPage {
        nodes {
          databaseId
          title
          blocks
          uri
        }
      }
    }
  `);
  for (let i = 0; i < data.allWpPage.nodes.length; i++) {
    const page = data.allWpPage.nodes[i];
    createPage({
      path: page.uri,
      component: pageTemplate,
      context: {
        title: page.title,
      },
    });
  }
};

src/templates/page.js

import React from "react";

const Page = ({ pageContext }) => {
  const { title } = pageContext;
  return (
    <div>
      <h1>{title}</h1>
      <p>This is page template</p>
    </div>
  );
};

export default Page;