Build and Deploy a Next.js Blog with Remote MDX Files and Nextjs 13

Build and Deploy a Next.js Blog with Remote MDX Files and Nextjs 13

Dave Gray via YouTube Direct link

root layout.tsx

10 of 30

10 of 30

root layout.tsx

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build and Deploy a Next.js Blog with Remote MDX Files and Nextjs 13

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

  1. 1 Intro
  2. 2 Welcome
  3. 3 Starter Code and Project Notes
  4. 4 npm install next@latest
  5. 5 What is MDX?
  6. 6 Remote MDX Content Repository
  7. 7 GitHub API Token
  8. 8 root page.tsx
  9. 9 Setting an eslint rule
  10. 10 root layout.tsx
  11. 11 components / Navbar.tsx
  12. 12 Clean-up
  13. 13 lib / posts.ts / getPostsMeta
  14. 14 lib / posts.ts / getPostByName
  15. 15 next-mdx-remote & compileMDX
  16. 16 components / Posts.tsx
  17. 17 components / ListItem.tsx
  18. 18 Dynamic Post Pages
  19. 19 Check progress with npm run dev
  20. 20 Adding Highlight.js & Rehype Plugins
  21. 21 Dynamic Tag Pages
  22. 22 taillwindcss aspect-ratio
  23. 23 Video component
  24. 24 Custom Image component
  25. 25 next-sitemap
  26. 26 Checking Revalidation for ISR
  27. 27 On-Demand Revalidation with revalidatePath
  28. 28 Deploy to Vercel
  29. 29 Checking Deployed On-Demand Revalidation
  30. 30 Project & Series Wrap-up

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.