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 1 which focuses on getting our blog set up with Next.js.

Part 2 will be all about TailwindCSS.

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

  • 0:00 Intro
  • 2:05 Why Next.js?
  • 3:25 Install Next.js
  • 5:22 Let’s Code
  • 7:26 Always Be Data first
  • 9:29 Customize Next.js App
  • 11:28 Let’s make a Nav
  • 13:35 Make Fixture Data
  • 15:03 Make list of blog items
  • 17:23 Link to individual blog page
  • 18:20 Make Individual Blog page
  • 19:15 getStaticProps
  • 20:26 getStaticPaths
  • 22:37 Debugging getting it working
  • 25:41 It’s working!
  • 26:13 Wrap-up

#tailwindcss #css #web-development #programming

How To Build A Blog With Next.js And Tailwind: Part 1
2.15 GEEK