Next.js Hangout Thread

#nextjs #discuss #watercooler

Hey, this is a weekly hangout thread.

This is a post where you can discuss anything related to Next.js.

You can also share anything new you've worked on with Next.js or any new articles you've created which talk about Next.js.

Feel free to ask any questions as well!

Top comments (7)

Michael Tharrington • Jul 12 '23

You know, I actually wrote up a post recently called "What's the difference between a library and a framework?" because I looked up Next.js and Wikipedia described it as:

an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static website generation

I had thought that React was a framework, but looking back at trusty old Wikipedia it said:

React is a free and open-source front-end JavaScript library for building user interfaces based on components. It is maintained by Meta and a community of individual developers and companies. React can be used to develop single-page, mobile, or server-rendered applications with frameworks like Next.js

So, let me know if this is right: React is used for building UIs and Next.js gives you a framework to wield that library more easily. I'm wondering if you (or anybody in the thread) could help me wrap my head around how this happens in practice. Or, if I'm way off here and you think you can help put me back on track, please go for it!

Medea • Jul 12 '23

what you've said is basically correct.
react helps with creating components that the user will see on the frontend and next.js helps connect frontend elements (like forms) with backend

Michael Tharrington • Jul 12 '23

Oooo okay! That's helpful Medea. Thank you!

doshiparth642 • Jul 19 '23 • Edited

Hi ,Guys to talk about nextjs it's born with many useful features compare to react, yes it's react framework but it should more powerful compare to react

Features of Next js

File base routing
prerendering page
SEO ranking increase
Autopage refresh
Interactive User Experience and many more...

I have used Nextjs concepts like useRouter for Routing , getStaticProps, getServerSideProps, getStaticPaths, getInitialProps for used to fetch data and SSR.
Here, We can perfom SSR(Server Side Rendering) and CSR(Client Side Rendering), ISR(Incremental Static Regeneration) .
For Client Side Rending we can use React hook library for data fetching called SWR hook also use useEffecthook.
I have Created article of Crud operation of fake product api where i have used Nextjs , Redux , Formik , Yup if you interested to know please click below link