This is a blog page

This is an example blog page with MDX support.

import React from 'react'
import { graphql } from 'gatsby'
import { MDXRenderer } from 'gatsby-plugin-mdx'

export default function BlogPost({ data }) {
const { frontmatter, body } = data.mdx
return (
<div>
<h1>{frontmatter.title}</h1>
<p>Posted: {frontmatter.date}</p>
<MDXRenderer>{body}</MDXRenderer>
</div>
)
}

This is a blog page

This is an example blog page with MDX support.

import React from 'react'
import { graphql } from 'gatsby'
import { MDXRenderer } from 'gatsby-plugin-mdx'

export default function BlogPost({ data }) {
const { frontmatter, body } = data.mdx
return (
<div>
<h1>{frontmatter.title}</h1>
<p>Posted: {frontmatter.date}</p>
<MDXRenderer>{body}</MDXRenderer>
</div>
)
}

This is a blog page