DEV Community

Cover image for 🔥 Top 12 libraries for your NextJS project 🏆

🔥 Top 12 libraries for your NextJS project 🏆

Nevo David on December 12, 2023

I have been a full-stack developer for the last decade, building smaller projects like gitup and bigger projects like crosspublic. Over the year...
Collapse
 
pierre profile image
Pierre-Henry Soria ✨ • Edited

They are great libraries, I confirm 🤠 Thank you for the post Nevo 😃
Using most of them daily, like the indispensable SWR, React Query, Day.js, Zod, and Lodash (although Lodash... I tend to not use it on new projects these days 🙂).

Collapse
 
nevodavid profile image
Nevo David

Why? :)

Collapse
 
seandinan profile image
Sean Dinan

For #11, I'd also suggest date-fns.

Beyond that, I hadn't realized until this year just how much Intl.DateTimeFormat and Intl.NumberFormat can do natively.

Collapse
 
nevodavid profile image
Nevo David

They can do a lot!
It starts to become complicated with more complex stuff

Collapse
 
seandinan profile image
Sean Dinan

Indeed -- I definitely tend to lean on date-fns purely for the simplicity. Life is complicated enough 😁

Collapse
 
fernandezbaptiste profile image
Bap

Great list, once again ;)

Collapse
 
nevodavid profile image
Nevo David

Thank you so much!

Collapse
 
srbhr profile image
Saurabh Rai

Thank you for next-seo and next-sitemap. I'm working on a site (and new to Next, coming from Angular) this was much needed.

Collapse
 
nevodavid profile image
Nevo David

Happy to help :)

Collapse
 
jrrs1982 profile image
Jeremy Smith

Nice list 😄

Collapse
 
nevodavid profile image
Nevo David

Thank you 🚀

Collapse
 
teqvunguyen profile image
teq-vunguyen

How about sanitize-html :D

Collapse
 
nevodavid profile image
Nevo David

I believe it's like striptags?
I mean it's useful, but I don't use it in every project :)

Collapse
 
nevodavid profile image
Nevo David

Share your tech stack!

Collapse
 
andrewwebcoder profile image
Andrew-web-coder

And if you need anything related to image lightbox or carousel, check out Fancyapps UI. Fancybox is the best lightbox alternative and works great with React too, check out the samples in the docs.

Collapse
 
nevodavid profile image
Nevo David

Does it work with SSR, or do you need to use NextJS dynamic with it?

Collapse
 
andrewwebcoder profile image
Andrew-web-coder

I have not experienced any issues with SSR

Collapse
 
biplobsd profile image
Biplob Sutradhar

⬆️ Include - Zustand, Firebase, DaisyUI, shadcn/ui, T3 env 🥹

Collapse
 
momciloo profile image
Momcilo • Edited

We recently published Next.js integration for BCMS and 8 Next.js code starters. Next.js is now the most popular platform people use with BCMS. Give it a shot :)

Collapse
 
sebastienlorber profile image
Sebastien Lorber

Quite fun to see you execute your marketing strategy and it seems to work every single time 😄 I should try this someday

Collapse
 
sfritsch09 profile image
Sebastian Fritsch • Edited

Next-intl is also nice for internationalisation and now supports app router with server components: next-intl-docs.vercel.app/docs/env...

Collapse
 
roman_shestakov_725410440 profile image
Roman Shestakov

I don't see any good i18n lib

Collapse
 
weiqingteh profile image
Weiqing Teh // CG BOSS

Thanks for sharing will take a look at these in my next react learning journey.

Collapse
 
hicmtrex profile image
hichem

👌

Collapse
 
guybuildingai profile image
Jeffrey Ip

Great post!

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

Nice list!
I'm saving it for later so I can come back to it.
There were a couple in the list I had heard of but hadn't researched that I'd like to use in some of my future projects. Thank you!

Collapse
 
nevodavid profile image
Nevo David

Thank you for reading ❤️

Collapse
 
matijasos profile image
Matija Sosic

This is useful! But I guess most of these could be used even without NextJS, right? For example, I could use it with a full-stack framework such as Wasp (github.com/wasp-lang/wasp)?

Collapse
 
nevodavid profile image
Nevo David

Or use Wasp to generate all of those :D

Collapse
 
devdodiya profile image
Divyang Dodiya

What do you use for deployment on VPS. Like i can use vercel but how you manage to deploy it into VPS ? THE PM2 TOOL ?? And is it possible to deploy SSR next js app to shared hosting?

Collapse
 
nevodavid profile image
Nevo David

Depends. If you are using just an EC2 - Yes, you can use PM2 or forever. It works great with it.
I tend to avoid running frontend frameworks manually on servers.
I will usually choose something like Vercel / Netlify or even Railway.app

Collapse
 
unicorntank profile image
Whytell Don

Very strange and reduced explanations of deep technologies. No human harmony in it.
Creator of adpost.news (It is not a promotion or ad)

Collapse
 
bienvenuushindi profile image
Ushindi Bienvenu

Thank you ❤️

Collapse
 
codesocial profile image
Theodore Sokorai

Great share, thanks for this

Collapse
 
lizotte profile image
Lizotte

Great share, will try some of these :D