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

components / ListItem.tsx

17 of 30

17 of 30

components / ListItem.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.