Akamai Developer | Build a Blog on Linode Using Tailwind CSS | Bootstrap Alternative @AkamaiDeveloper | Uploaded April 2023 | Updated October 2024, 1 hour ago.
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 Cloud Computing? Get started here with a $100 credit → linode.com/lp/youtube-viewers/?ifso=linodetube&utm_source=youtube&utm_medium=SuperUser
Read the doc for more information on web development languages → linode.com/docs/guides/web-programming-languages
Learn more about Tailwind CSS → tailwindcss.com
Subscribe to get notified of new episodes as they come out → youtube.com/linode?sub_confirmation=1
#Linode #Tailwindcss #webdevelopment
Product: Linode, Blog, Tailwind CSS; @CodeWithHarry
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 Cloud Computing? Get started here with a $100 credit → linode.com/lp/youtube-viewers/?ifso=linodetube&utm_source=youtube&utm_medium=SuperUser
Read the doc for more information on web development languages → linode.com/docs/guides/web-programming-languages
Learn more about Tailwind CSS → tailwindcss.com
Subscribe to get notified of new episodes as they come out → youtube.com/linode?sub_confirmation=1
#Linode #Tailwindcss #webdevelopment
Product: Linode, Blog, Tailwind CSS; @CodeWithHarry
