technifyed

Traversy Media via YouTube Free video

Static Blog With Next.js and Markdown

Overview

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

Chapters 12

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

Advantages and disadvantages

Advantages

  • Free, one long video that covers a topic end to end.
  • Use the chapters to jump to what you need.
  • 104,178 views, so help and notes are easy to find.
  • Completely free.
  • Self-paced: start any time.
  • A clear syllabus (12 parts) you can see before you start.
  • Start watching right away, no sign-up.

Disadvantages

  • No exercises or certificate: code along to make it stick.
  • No certificate.
  • Short (45 minutes): an overview, not deep coverage.
  • No graded assignments or feedback.

Some points apply to every course of this kind; see how we rank.

Free

  • Free: Watch on YouTube, no account needed.
  • Certificate: None. Code or take notes along to make it stick.

Traversy Media is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (74/100).

Similar courses

Compare these

Massachusetts Institute of Technology · YouTube

MIT 15.S12 Blockchain and Money, Fall 2018

Instructor: Prof. Gary Gensler View the complete course: https://ocw.mit.edu/15-S12F18 This course is for students wishing to explore blockchain technology’s potential use - by entrepreneurs & incumbents - to change the world of money and finance. License: Creative Commons BY-NC-SA More information…

Free video23 videos, 29 hours

Massachusetts Institute of Technology · YouTube

MIT 6.006 Introduction to Algorithms, Fall 2011

This course provides an introduction to mathematical modeling of computational problems. It covers the common algorithms, algorithmic paradigms, and data structures used to solve these problems. The course emphasizes the relationship between algorithms and programming, and introduces basic performa…

Free video47 videos, 42 hours

Harvard University · YouTube

CS50's Introduction to Programming with Python (CS50P) 2022

This is CS50P, CS50's Introduction to Programming with Python. Register for free at https://cs50.edx.org/python. Slides and source code at https://cs50.harvard.edu/python. Playlist at https://www.youtube.com/playlist?list=PLhQjrBD2T3817j24-GogXmWqO5Q5vYy0V. An introduction to programming using a la…

Free video11 videos, 16 hours

Harvard University · YouTube

CS50x 2023 Lectures

This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming, for concentrators and non-concentrators alike, with or without prior programming experience. (Two thirds of CS50 students have never taken CS before.) This course teaches…

Free video12 videos, 26 hours

Massachusetts Institute of Technology · YouTube

MIT 6.100L Introduction to CS and Programming using Python, Fall 2022

Instructor: Ana Bell View the complete course: https://ocw.mit.edu/courses/6-100l-introduction-to-cs-and-programming-using-python-fall-2022/ *Note: Lectures 6, 10 have been updated! This subject is aimed at students with little to no programming experience. It aims to provide students with an under…

Free video26 videos, 28 hours

Stanford University · YouTube

Stanford Online Courses and Programs

Get more information about the courses and programs we offer. In this playlist you can learn more about course content, pricing, credentials and more!

Free video154 videos, 139 hours

Enter your email and the official page opens. Phone is optional.