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!


This content originally appeared on DEV Community and was authored by Avneesh Agarwal

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!

started

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


This content originally appeared on DEV Community and was authored by Avneesh Agarwal


Print Share Comment Cite Upload Translate Updates
APA

Avneesh Agarwal | Sciencx (2021-09-20T09:11:39+00:00) What and Why Next.js and TailwindCSS?. Retrieved from https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/

MLA
" » What and Why Next.js and TailwindCSS?." Avneesh Agarwal | Sciencx - Monday September 20, 2021, https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/
HARVARD
Avneesh Agarwal | Sciencx Monday September 20, 2021 » What and Why Next.js and TailwindCSS?., viewed ,<https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/>
VANCOUVER
Avneesh Agarwal | Sciencx - » What and Why Next.js and TailwindCSS?. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/
CHICAGO
" » What and Why Next.js and TailwindCSS?." Avneesh Agarwal | Sciencx - Accessed . https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/
IEEE
" » What and Why Next.js and TailwindCSS?." Avneesh Agarwal | Sciencx [Online]. Available: https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/. [Accessed: ]
rf:citation
» What and Why Next.js and TailwindCSS? | Avneesh Agarwal | Sciencx | https://www.scien.cx/2021/09/20/what-and-why-next-js-and-tailwindcss/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.