Skip to main content
View All Products
Compute
Storage
Databases
Networking
Developer Tools
Delivery
Security
Services
Industries
Pricing
Community
Engage With Us
Explore Content
Series
18
  1. As Seen on TFIR
    53
  2. Cloud Simplified
    54
  3. Craft of Code
    62
  4. DIY Cloud
    52
  5. HackerSploit
    32
  6. In the Node Newsletter
    38
  7. Insights from Partner Events
    15
  8. Learnk8s Labs
    4
  9. Linode Kubernetes with Helm
    11
  10. MSP Spotlights
    4
  11. Open for Business
    12
  12. OpenAI Versus Project
    9
  13. Partner Roundups
    18
  14. Super User
    155
  15. Tech With Tim Linux Beginners Series
    14
  16. Terraforming Kubernetes
    6
  17. Top Docs
    75
  18. Try IaC
    5
Featuring
48
  1. Alexis Ahmed (HackerSploit)
    33
  2. Andrew Burke
    1
  3. Austin Gil
    18
  4. Billy Thompson
    15
  5. Blair Lyon
    12
  6. Brandon Hopkins
    25
  7. Chris Nesbitt-Smith
    2
  8. Chris Psaltis
    1
  9. Code with Harry
    28
  10. Code with Tomi
    13
  11. Daniele Polencic
    2
  12. Darcy Declute
    1
  13. David Burgess
    16
  14. David Flanagan
    1
  15. Florian Walther
    1
  16. Gardiner Bryant
    59
  17. James Steel
    31
  18. Jay LaCroix
    76
  19. Jay Lyman
    1
  20. Jérôme Petazzoni (Tiny Shell Script)
    11
  21. Jose Portilla
    1
  22. Josh | KeepItTechie
    19
  23. Justin Mitchel
    29
  24. KellyAnn Fitzpatrick
    1
  25. Kevin Cunningham
    1
  26. Kyle "Kyjorei" Reid
    1
  27. Lana Lux
    5
  28. Liam Eagle
    3
  29. Matt Berk
    1
  30. Mauricio “Salaboy” Salatino
    2
  31. Melanie Posey
    1
  32. Mike Jung
    3
  33. Mike Maney
    2
  34. Ned Bellavance
    3
  35. Nelson Djalo
    6
  36. Nicole Henderson
    1
  37. Owen Rogers
    1
  38. PJ Metz
    1
  39. Salman Iqbal
    3
  40. Sam Hawley
    2
  41. Sid Palas
    9
  42. Swapnil Bhartiya
    48
  43. Talia Nassi
    1
  44. Tech with Tim
    27
  45. TechHut
    9
  46. Veronica
    1
  47. Walt Ribeiro
    18
  48. zSecurity
    1
Content Types
8
  1. Brochures & One-Pagers
    3
  2. Customer Stories
    62
  3. Ebooks
    18
  4. Email Newsletters
    38
  5. Infographics
    4
  6. Research
    7
  7. Videos
    530
  8. Webinars
    28
Categories
14
  1. Cloud Consulting Services
    14
  2. Cloud Overviews
    28
  3. Compute
    54
  4. Containers (Kubernetes, Docker)
    106
  5. Databases
    27
  6. Developer Tools
    148
  7. Linode
    45
  8. Linux
    81
  9. Multicloud
    6
  10. Networking
    16
  11. Open Source
    19
  12. Partner Network
    55
  13. Security
    56
  14. Storage
    21

In order to see embedded YouTube videos, you must have "performance" cookies enabled in your cookie preferences.

ContentSuper UserBuild a Blog on Linode Using Tailwind CSS | Bootstrap Alternative

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

You might also like…

  1. A man with black hair and glasses wearing a black t-shirt with the text Build a Pet Databases 1 and the Remix, Prisma, and PostgreSQL logos next to him.

    Build A Pet Management System With Remix, Prisma, and Postgres Real World Database Application

    In this new video series, Austin builds out an application to track all of his neighborhood pet friends using Remix, Prisma, and Postgres.
  2. Code with Harry and the text Text Analyzer in varying arrangements

    Programming a Text Formatting App | Web Development Tutorial from Code With Harry

    ​In this video, @CodeWithHarry will show you how to program and deploy a text analyzer app that can format text in many different variations.
  3. Image of Jay LaCroix next to the Ubuntu logo, a symbol representing a FTP server, and the text VSFTP Server Setup.

    Easily Move Files To and From a Server with VSFTP | Top Docs with Jay LaCroix

    In this video, @LearnLinuxTV explains how to set up an FTP server, specifically using a VSFTPD (Very Secure FTP Daemon).
  4. A man with black hair and glasses in front of a microphone with the text Connecting Remix & Prisma next to him along with the Prisma logo.

    Connecting Remix to the Database with Prisma – Real World Database Application Building

    In this video, we'll take a look at Remix's routing system, demonstrate how data loading works on the server and client side, and more.
Prev Next