Static Blog With Next.js and Markdown


Download This Video

Create a basic blog using Next.js and Markdown.

Code: https://github.com/bradtraversy/next-markdown-blog
Demo: https://next-markdown-blog-drab.vercel.app/

Full Next.js Udemy Course Coupon:
https://www.udemy.com/course/nextjs-dev-to-deployment/?couponCode=YOUTUBE5DAY

Next Crash Course: https://www.youtube.com/watch?v=mTz0GXj8NN0&t=1292s
Markdown Crash Course: https://www.youtube.com/watch?v=HUBNt18RFbo&t=40s

Timestamps:
0:00 – Intro
2:54 – Next.js Setup & Styling
7:10 – Header Component
9:08 – Create a Markdown File
11:44 – Fetch Markdown Files
14:56 – Get Slug & Frontmatter
19:50 – Displaying Posts
25:21 – Post Page & Generate Paths
34:50 – Displaying The Post
27:40 – Sort Posts By Date
39:50 – Exporting a Static Site
43:34 – Deploy to Vercel

%d bloggers like this: