Regarding Easy app Routing

[Sudeshpatil07]

Easier tools to migrate from Pages Router to App Route and more clearer debugging for caching (sometimes it feels confusing).

[augustocesarperin]

What's been the least-pain path for me is:
keep pages/, add app/, and move one route at a time
then run codemods to handle syntax changes

npx @next/codemod new-link .
npx @next/codemod built-in-next-font .

while migrating, disable caching on the route you’re moving

export const dynamic = 'force-dynamic'
export const revalidate = 0

& once it works, add caching back where it may help:
export const revalidate = N or fetch(url, { next: { revalidate: N } })

[Sudeshpatil07]

How would you handle the debugging and caching, i use the catch control feature like this fetch(url, { cache: 'no-store' }) fetch(url, { next: { revalidate: 30 } }) and override problems some timess

[augustocesarperin]

Cache: 'no-store' always wins, so if you also set next: { revalidate: 30 }, the request won’t be cached. Try use one mode per request
Debug: fetch(url, { cache: 'no-store' })
Cache: fetch(url, { next: { revalidate: 30 } })
(or export const revalidate = 30)

If you still see overrides, check for a global no-store or export const dynamic = 'force-dynamic' on the route