@mdfleury
a separation between the back end and one or more front ends
Hosting?
DEMO
...
const PageTemplate = ({ data }) => (
<Layout>
<div>
<Container>
<h1>{data.page.edges[0].node.title}</h1>
<div dangerouslySetInnerHTML={{ __html: data.page.edges[0].node.body.processed}} />
</Container>
</div>
</Layout>
)
export default PageTemplate
export const query = graphql`
query ($slug: String!) {
page: allNodePage(filter: {fields: {slug: {eq: $slug}}}) {
edges {
node {
title
body {
processed
}
}
}
}
}
`
...
const Header = ({ siteTitle }) => (
<StaticQuery
query={graphql`
query {
pages: allNodePage (sort: {fields: title}) {
edges {
node {
title
fields {
slug
}
}
}
}
}
`}
...
{data.pages.edges.map(({ node }) => (
<li>
<Link to={node.fields.slug}>
{node.title}
</Link>
</li>
))}
...
Come visit us at the Turner booth