App Router

Next.js has a built-in router that allows you to navigate between pages. This router is based on the file system. Each page.tsx file inside the app directory corresponds to a route. There is also a corresponding layout.tsx file that is used to wrap the content of the page.

From version 14 up, Next.js has a new feature called App Router. This feature allows you to create a custom router for your application. By default, Next assumes that your basic components are rendered on the server-side and the rest of the components are rendered on the client-side.

Start the Next App

npm run dev 
# or
yarn dev

Next 14+ is sarcastically referred to as "PHP for React" because of the way it handles routing and the server side rendering.