Build a Blog on Linode Using Tailwind CSS | Bootstrap Alternative

In this video, @CodeWithHarry will show you how to program and deploy a blog using Tailwind CSS. By the end of this video you’ll learn how to host your own blog on a Linode instance.

Chapters:
0:00 Introduction
0:24 Create a new Next project
0:45 Find a Blog Template
1:40 Import Blog Template
2:50 Create Next App
3:50 Customize Index
4:45 Add Fonts to Global Styles
5:20 Create Navbar Component
7:50 Install Alpine.js and Font Awesome
11:50 Create footer.js
13:00 Continue Customizing Index
19:00 Spin-up MongoDB Instance at Linode
21:10 Login to MongoDB Cluster
22:10 Update Firewall
23:50 Create Database
25:20 Setup Next.js with MongoDB
28:00 Install MongoDB Locally
31:10 Create a new Document
31:50 Resolve Connectivity Issue
32:50 Update Image Sizing
35:00 Finish Customizing Index
37:20 Troubleshoot /post page
38:16 Add Blog Name to Navbar
40:00 How to Modify Posts
42:00 Create Sidebar Component
44:20 Check Responsiveness
44:40 Resolve Responsiveness Issues
49:05 Import Posts into MongoDB Compass
51:45 Fetch Blog Posts from Database
52:02 Create getBlog.js and getBlogs.js
55:00 Update Blog Tags
56:40 Configure Create Markup Function
58:20 Configure Meta Description
59:10 Fetch Content for Slug
1:12:00 Update Select Posts
1:13:35 Conclusion

New to Linode? Get started here with a $100 credit!
Read the doc for more information on web development languages.
Learn more about Tailwind CSS.
Subscribe to get notified of new episodes as they come out.

#Linode #Tailwindcss #webdevelopment
Product: Linode, Blog, Tailwind CSS; @CodeWithHarry

Developer Tools