Advantages i saw in Next.js

• App Routing

• Rendering

• Full-Stack Framework

• Code Splitting

---

App Routing

It was amusing to me ; since in react we use react-router-dom package and import <Browser Router> and Router and routes and so on right.

When i used next js ; its like app routing is file-based system; which saves lots of time and easy to navigate through pages .

Rendering

The way Server-side and Client-Side rendering works in nextjs is really good ; where the developers has the freedom when to choose client-side and server-side .

Check Out this link to know when to use and not to .

Full-Stack Framework

The way how nextjs handles the api endpoints is also very cool ; instead of running a separate backend server in another port and use tons of npm package ,

We can just create a api folder in app folder ; just start to create api end points .

Code Splitting

Code splitting ; this is my first time to hear about it , and it increases User experience while we use next js.

When we use nextjs ; when user clicks about page only the js code of about page is only rendered instead of rendering the whole webApp.

And this is done automatically ; in react its done manually with lots of code in it.

Special mention

import @ feature was very useful though ....

---

• In the End its all React though...

• Building a project along learning Nextjs; soon i will update it....

• If we have some good knowledge of react and some good backend knowledge ; then i think the transition will be smooth ...

---