How to Build a Blog App with Next.js 13

How to Build a Blog App with Next.js 13

Dave Gray via YouTube Direct link

Basic Project Setup

4 of 26

4 of 26

Basic Project Setup

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How to Build a Blog App with Next.js 13

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Welcome
  3. 3 What We're Building
  4. 4 Basic Project Setup
  5. 5 TailwindCSS Setup & Typography
  6. 6 Run in dev mode
  7. 7 Basic Navbar
  8. 8 Profile Image
  9. 9 Adding Social Icons to the Navbar
  10. 10 Providing default metadata
  11. 11 Adding Markdown files for Blog Posts
  12. 12 BlogPost type
  13. 13 Reading Markdown with gray-matter
  14. 14 Posts component
  15. 15 ListItem component Pt. 1
  16. 16 Formatting dates
  17. 17 ListItem component Pt. 2
  18. 18 Create a dynamic route
  19. 19 Dynamic Post Pt. 1
  20. 20 Custom 404 page
  21. 21 Generate dynamic metadata
  22. 22 Generate HTML from Markdown
  23. 23 Dynamic Post Pt. 2
  24. 24 Evaluating the Project Build
  25. 25 Improving the build with generateStaticParams
  26. 26 Features You Can Add

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.