DEV4D

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>
  )
}