# Your First Steps with Next.js

# 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](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns) .

### 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 ...
    

---