Next.js Learning Guidance

According to the official NextJS documentation, the practice demo files help in learning NextJS.

Routing

Include Routes, Pages, Layouts, Root Layout, Template, Loading, Error Handling, Not Found etc.

Display the content of the article corresponding to the id parameter in the URL.

Mark the folder as a route group to prevent the folder name from being mapped to the URL.

Render one or more pages simultaneously or conditionally within the same layout.

Intercept other routes in the current route and display content in the current route.

In a front-end and back-end separation architecture, the client and server interact through API interfaces.

Middleware allows you to run code before a request is completed.

Rendering

React Server Components allow you to write UI that can be rendered and optionally cached on the server.

Streaming enables you to progressively render UI from the server.

Data Fetching And Caching

Data fetching is a core part of any application.

Caching stores data so it doesn't need to be re-fetched from your data source on every request.

Server Actions are asynchronous functions that are executed on the server.