📄️ App Router
The App Router in Next.js is designed to facilitate seamless navigation and
📄️ Navigation
- Link is a built-in component to provide prefetching and client-side
📄️ Server Components
One of the key features of App Router system is the ability to use Server
📄️ Client Components
By default, components are server components, but ou can split your application
📄️ Rendering Strategies
On the server:
📄️ Server Actions
Next.js extends the native fetch Web API primarily through the use of its
📄️ Server Actions in Forms
React extends the HTML `` element to allow Server Actions to be invoked
📄️ Redirecting
Client Side
📄️ Caching
Caching in Next.js helps reduce the load on your server and improve the
📄️ Best Practices for Working with Data
Fetch data on the server
📄️ Other Hooks and Functions specific for App Router
generateViewport and viewport
📄️ Route Handlers
In Next.js, Route Handlers are used to define custom logic for handling HTTP