Creating latest posts pages and not pages dynamically for now

This commit is contained in:
Moris Zen
2018-06-27 10:35:17 +02:00
parent 7a67da8bb6
commit 8dc66673d0
2 changed files with 10 additions and 12 deletions

View File

@@ -6,12 +6,10 @@ exports.createPages = ({ graphql, boundActionCreators }) => {
graphql( graphql(
` `
{ {
allWordpressPage { allWordpressPost {
edges { edges {
node { node {
id
slug slug
title
} }
} }
} }
@@ -23,10 +21,10 @@ exports.createPages = ({ graphql, boundActionCreators }) => {
reject(result.errors) reject(result.errors)
} }
result.data.allWordpressPage.edges.forEach(({ node }) => { result.data.allWordpressPost.edges.forEach(({ node }) => {
createPage({ createPage({
path: node.slug, path: `blog/${node.slug}`,
component: path.resolve('./src/pages/page-default.js'), component: path.resolve('./src/pages/post-default.js'),
context: { context: {
slug: node.slug, slug: node.slug,
} }

View File

@@ -1,13 +1,13 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
class DefaultPage extends Component { class PostDefault extends Component {
render() { render() {
const { data } = this.props const { data } = this.props
return ( return (
<div> <div>
<h1>Specific DefaultPage - {data.wordpressPage.title}</h1> <h1>Specific Post - {data.wordpressPost.title}</h1>
<div dangerouslySetInnerHTML={{ <div dangerouslySetInnerHTML={{
__html: data.wordpressPage.content __html: data.wordpressPost.content
}} }}
/> />
</div> </div>
@@ -16,8 +16,8 @@ class DefaultPage extends Component {
} }
export const query = graphql` export const query = graphql`
query DefaultPageQuery($slug: String!) { query PostDefaultQuery($slug: String!) {
wordpressPage(slug: {eq: $slug}) { wordpressPost(slug: {eq: $slug}) {
title title
slug slug
content content
@@ -25,4 +25,4 @@ export const query = graphql`
} }
` `
export default DefaultPage; export default PostDefault;