page.tsx

got 500 error when search

could you check the log

there are no errors in the logs and this doesn't happen in development mode, only in production

npm run build && npm run start on locally

âš  Entire page /search deopted into client-side rendering. https://nextjs.org/docs/messages/deopted-into-client-rendering /search

but I would turn the page to server component instead

can you help me with anything else? In dev mode my project in nextjs is very slow, because these rsc requests always cost a few seconds of page load. Is this normal?

this is almost making me go back to normal reactjs, it's too slow in all projects

1. try to use cache from react to dedup the function
2. use data cache for the db query with fetch or unstable_cache
3. split the data request and wrap it with Suspense if the data doesn't appear on the first screen eg. recommendation

didn't work

example?

the page component receives the searchParams props

so you don't need useSearchParams there

isDesktopView can handle with css

turn SearchForm in client component and push the route inside it

or move useView to SearchForm too

the title can be changed with [generateMetadata](https://nextjs.org/docs/app/api-reference/functions/generate-metadata#generatemetadata-function)

it worked

can you give me examples of each?

[cache](https://react.dev/reference/react/cache#noun-labs-1201738-(2))
[unstable_cache](https://nextjs.org/docs/app/api-reference/functions/unstable_cache)
[streaming with suspense](https://github.com/vercel/next-learn/blob/646898bc52d2bc22be9019871cf111e31b29d147/dashboard/final-example/app/dashboard/(overview)/page.tsx#L19)