Lesson

Install and Use React Markdown in a Next.js Application

For writing out the blog posts, it was done in markdown. Next.js doesn't automatically render markdown how we want it so we are going to install and use the package `react-markdown`. In our `[slug].js` file, we import `ReactMarkdown` and replace the `p` tag for our body, where we are rendering the markdown, with `<ReactMarkdown>`. The last thing we want to do is have it render pictures. Unfortunately, React Markdown doesn't automatically render images so we are going to setup Cloudinary in the next lesson.