Well, well, well, look what we have here! A 3 part series on how to build a blog with Next.js and TailwindCSS!

This is part 2 which is all about styling our blog with Tailwind!!

Part 3 is about how to make Next.js render Markdown with Tailwind’s Typography plugin!

Repo: https://github.com/hswolff/blog-with-nextjs-and-tailwind

  • 0:00 Intro
  • 0:44 Install Tailwind
  • 5:38 Layout and Header Styling
  • 11:00 Styling all anchor tags
  • 13:05 Title style tweaks
  • 14:17 Extract BlogItem into component
  • 15:32 Style BlogItem
  • 17:57 Install date-fns
  • 21:07 Hover effects
  • 23:53 Style individual blog pages
  • 27:12 So many classnames!

#next #tailwindcss #nextjs #react #javascript

How To Build A Blog With Next.js And Tailwind: Part 2 - Tailwind
2.80 GEEK