Traversy Media | Static Blog With Next.js and Markdown @TraversyMedia | Uploaded June 2021 | Updated October 2024, 6 hours ago.
Create a basic blog using Next.js and Markdown.
Code: github.com/bradtraversy/next-markdown-blog
Demo: https://next-markdown-blog-drab.vercel.app/
Full Next.js Udemy Course Coupon:
udemy.com/course/nextjs-dev-to-deployment/?couponCode=YOUTUBE5DAY
Next Crash Course: youtube.com/watch?v=mTz0GXj8NN0&t=1292s
Markdown Crash Course: 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
Create a basic blog using Next.js and Markdown.
Code: github.com/bradtraversy/next-markdown-blog
Demo: https://next-markdown-blog-drab.vercel.app/
Full Next.js Udemy Course Coupon:
udemy.com/course/nextjs-dev-to-deployment/?couponCode=YOUTUBE5DAY
Next Crash Course: youtube.com/watch?v=mTz0GXj8NN0&t=1292s
Markdown Crash Course: 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