Y

YouLibs

Remove Touch Overlay

Static Blog With Next.js and Markdown

Duration: 46:40Views: 61.8KLikes: 1.9KDate Created: Jun, 2021

Channel: Traversy Media

Category: Science & Technology

Tags: next.jsmarkdownnext.js blogreactjavascriptnext markdown

Description: Create a basic blog using Next.js and Markdown. Code: github.com/bradtraversy/next-markdown-blog Demo: 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

Swipe Gestures On Overlay
Home
Channels
All Videos
Categories
Tags
Related
Infinite Masonry

Related

Sorts:
▼
Filters:
CategoryChannelDate CreatedDurationLikesPopularityTagsTitleViews
▼
1-10mins10-30mins30mins+past weekpast monthpast year2021-20242015-2020
  • Angular Crash CourseTraversy Media02:01:32May, 2021758.3Kbackgroundvideo thumbnail for: Angular Crash Course
  • Web Development In 2022 - A Practical GuideTraversy Media01:30:52Jan, 2022530.3Kbackgroundvideo thumbnail for: Web Development In 2022 - A Practical Guide
  • Bootstrap 5 Crash Course | Website Build & DeployTraversy Media01:18:48Jun, 2021533.1Kbackgroundvideo thumbnail for: Bootstrap 5 Crash Course | Website Build & Deploy
  • React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial!Academind03:51:56May, 2021916.6Kbackgroundvideo thumbnail for: React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial!
  • Watch me build a real startup with Python and JavaScript | Web Development | Build A Startup #1CS Dojo18:34Oct, 20181.5Mbackgroundvideo thumbnail for: Watch me build a real startup with Python and JavaScript | Web Development | Build A Startup #1
  • React Native Tutorial for Beginners - Build a React Native AppProgramming with Mosh02:06:30May, 20201.9Mbackgroundvideo thumbnail for: React Native Tutorial for Beginners - Build a React Native App
  • Redux Tutorial - Learn Redux from ScratchProgramming with Mosh01:34:53Apr, 2020737.7Kbackgroundvideo thumbnail for: Redux Tutorial - Learn Redux from Scratch
  • Hardest Computer Science Course Explained | Angel of Death UoGDevon Crawford07:57Apr, 20181.9Mbackgroundvideo thumbnail for: Hardest Computer Science Course Explained | Angel of Death UoG
  • Awesome 3D ANIMATION Javascript Tutorial!Dev Ed35:11Oct, 2020615.8Kbackgroundvideo thumbnail for: Awesome 3D ANIMATION Javascript Tutorial!
  • AI learns to play the Worlds Hardest Game || MORE LEVELSCode Bullet07:53Jul, 20181.4Mbackgroundvideo thumbnail for: AI learns to play the Worlds Hardest Game || MORE LEVELS
    • Items shown
    to: 10
    of:999
    ‹123...100›