What and Why Next.js and TailwindCSS?

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

Useful links -

Nextjs

React

TailwindCSS

All socials