# This is a heading
## Smaller Heading
```
{
Coode Block
}
```


Javascript

# This is a heading
## Smaller Heading
```js
{
function Post(props: PostProps) {
    const { blogPost: { content, title } } = props
    return (
        <DefaultLayout>
            <Heading>{title}</Heading>
        <ReactMarkdown
              children={content}
              components={{
                code({node, inline, className, children, ...props}) {
                  const match = /language-(\w+)/.exec(className || '')
                  return !inline && match ? (
                    <SyntaxHighlighter
                      {...props}
                      style={dark}
                      language={match[1]}
                      PreTag="div"
                      >
                        {String(children).replace(/\n$/, '')}
                      </SyntaxHighlighter>
                  ) : (
                    <code {...props} className={className}>
                      {children}
                    </code>
                  )
                }
              }}
            />           
        </DefaultLayout>
    )
}
}
```


Follow along as I build my personal website using Next.JS and Contentful  

Nasrin Torabi

Software Engineer, Adelaide Australia

Javascript

Building a Portfolio and Blog with NextJs and Contentful

Typescript

Python