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