What and Why Next.js and TailwindCSS?

What and Why Next.js and TailwindCSS?


2 min read

Hey folks ๐Ÿ‘‹๐Ÿป,

If you have seen my past articles then you must have seen that many of the articles are related to Next.js, React, or Tailwind but I never really explained what they exactly are, so I have decided to write an article on that today!


What is Next.js?

Next.js is a production-ready framework for the javascript library React. Next.js provides us many features on top of the amazing library React.

Why use Next.js?

  • ServerSideRendering and Static generation hybrid
  • Easy file system routing
  • Better SEO
  • Image Optimization

What is React?

React is an open-source Javascript library built by Facebook and it is used for building user interfaces or UI components.

Why React?

  • Great performance
  • Easy to learn
  • Easy to test
  • Simple

What is TailwindCSS?

TailwindCSS is a CSS framework that allows us to write CSS directly inside our HTML. It is a utility-first framework and highly flexible unlike some others like Bootstrap. The long classes can be opinionated but it is worth a try.

Why use Tailwind?

  • Superfast
  • Easily make apps responsive
  • Helps to maintain a design system
  • Tiny in production
  • Easy dark mode


Through the great talk given by Sam Sycamore and Francesco Ciulla at the Hashnode Bootcamp day 3, I am now much clearer on what I am gonna write in the near future.

Useful links -




All socials

Did you find this article valuable?

Support Avneesh Agarwal by becoming a sponsor. Any amount is appreciated!