Static Blog With Next.js and Markdown
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
source