Completed
⌨️ How to render a Blog
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build SEO Optimized Blog with Next.js, Tailwind CSS & Contentlayer – Full Tutorial
Automatically move to the next video in the Classroom when playback concludes
- 1 ⌨️ Intro + Demo
- 2 ⌨️ Setup and Installation
- 3 ⌨️ Tailwind CSS Setup, Dark Mode and project files
- 4 ⌨️ Adding Fonts
- 5 ⌨️ Navbar Component
- 6 ⌨️ Setup Contentlayer
- 7 ⌨️ How to render a Blog
- 8 ⌨️ Creating Home Cover Section
- 9 ⌨️ Featured Posts Component
- 10 ⌨️ Recent Posts Component
- 11 ⌨️ Footer Component
- 12 ⌨️ Blog Page
- 13 ⌨️ Creating TOC Component
- 14 ⌨️ Category Page
- 15 ⌨️ About page
- 16 ⌨️ Contact page
- 17 ⌨️ Insights Component
- 18 ⌨️ Store blog views using Supabase
- 19 ⌨️ Adding SEO
- 20 ⌨️ Adding Dark Mode
- 21 ⌨️ Making it Responsive
- 22 ⌨️ Adding Sitemap
- 23 ⌨️ Image Optimization
- 24 ⌨️ Adding Favicon and manifest file
- 25 ⌨️ Adding google's structured json-ld for SEO
- 26 We have created one file called ThemeScript.js but that is not needed. Instead, just add id and strategy to the script that is in the layout.js file.
