Next.js: 5 Ways to Exit Static Rendering

Sep 13, 2024#Next.js58

AI Translation

This post is translated from Chinese into English through AI.View Original

AI-generated summary

**Background:** After building a project, the responses from route.ts are statically handled, resulting in the same data being returned consistently. **Method:** To address this, I added the following code in route.ts: `export const dynamic = 'force-dynamic'`. **References:** - Next.js - Data Fetching and Caching - YouTube - 5 ways to opt out of static rendering in Next.js - Juejin - Routing section **Refactoring:** Instead of opting out of static handling, consider using Server Actions. More information can be found at: https://juejin.cn/post/7361204571828731956#heading-4

Background#

Applicable to projects where the response results of route.ts are statically handled after build, resulting in: the interface always responding with the same data.

Method#

The method I used is to add the following code in route.ts:

export const dynamic = 'force-dynamic'

References:

Refactoring#

Perhaps, these methods should not be used to opt out of static handling, but rather to use Server Actions.

You can also refer to: https://juejin.cn/post/7361204571828731956#heading-4