Build a Blog on Linode Using Tailwind CSS - Bootstrap Alternative

Build a Blog on Linode Using Tailwind CSS - Bootstrap Alternative

Linode via YouTube Direct link

Introduction

1 of 36

1 of 36

Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Build a Blog on Linode Using Tailwind CSS - Bootstrap Alternative

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

  1. 1 Introduction
  2. 2 Create a new Next project
  3. 3 Find a Blog Template
  4. 4 Import Blog Template
  5. 5 Create Next App
  6. 6 Customize Index
  7. 7 Add Fonts to Global Styles
  8. 8 Create Navbar Component
  9. 9 Install Alpine.js and Font Awesome
  10. 10 Create footer.js
  11. 11 Continue Customizing Index
  12. 12 Spin-up MongoDB Instance at Linode
  13. 13 Login to MongoDB Cluster
  14. 14 Update Firewall
  15. 15 Create Database
  16. 16 Setup Next.js with MongoDB
  17. 17 Install MongoDB Locally
  18. 18 Create a new Document
  19. 19 Resolve Connectivity Issue
  20. 20 Update Image Sizing
  21. 21 Finish Customizing Index
  22. 22 Troubleshoot /post page
  23. 23 Add Blog Name to Navbar
  24. 24 How to Modify Posts
  25. 25 Create Sidebar Component
  26. 26 Check Responsiveness
  27. 27 Resolve Responsiveness Issues
  28. 28 Import Posts into MongoDB Compass
  29. 29 Fetch Blog Posts from Database
  30. 30 Create getBlog.js and getBlogs.js
  31. 31 Update Blog Tags
  32. 32 Configure Create Markup Function
  33. 33 Configure Meta Description
  34. 34 Fetch Content for Slug
  35. 35 Update Select Posts
  36. 36 Conclusion

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.