NextJS Blog With next-mdx-remote (1 of 2)

In this video we start to build a blog in next JS with mdx-remote-pages. Specifically, we use the next-mdx-remote package. This is the first of 2 videos where we build the blog and it is the third video in my building a personal website with next JS and Chakra UI series.

We start the video by adding all of the necessary files. We then go back and add the blog logic and finish off the video by adding the MDXComponents - Chakra UI components for HTML tags in our blog. In the next video we finish building the blog.

I know we do a lot of coding without running it but I promise if you follow along with this video to the end you will have a great blog just like mine: https://benjamincarlson.io/blog

Chakra-UI version: V1
Next.JS version: 10
next-mdx-remote Version: 2.1.3

Previous Video:    • Chakra UI + Next JS Quickstart - Build A P...  
Next Video:    • NextJS + ChakraUI Blog With next-mdx-remot...  

Code: https://github.com/bjcarlson42/person...
next-mdx-remote GitHub: https://github.com/hashicorp/next-mdx...

(0:00) Introduction
(0:13) Creating the necessary files
(3:25) blog.js
(5:39) mdx.js
(10:06) [slug].js
(12:51) MDXComponents.js

Gear: https://benjamincarlson.io/gear

Like my videos and want to support me? Consider sponsoring me on GitHub: https://github.com/sponsors/bjcarlson42

CONTACT: [email protected]

Connect with me:
Website: https://benjamincarlson.io
Twitter:   / bjmncrlsn  
Github: https://github.com/bjcarlson42
LinkedIn:   / bjcarlson42  
Medium:   / benjamincarlson  
Newsletter: https://buttondown.email/benjamincarlson