Where to fetch data using this component?

[danielmorena]

Hi, first of all, thanks for this solution, it works really well.

I have a question: where is the correct place to put the data fetcher? Since the root component of all pages is inside the TransitionRouter which is a client component, the pages will not be server components. Am I missing something?

[edoardolunardi]

Hi, first of all, thanks for this solution, it works really well.

I have a question: where is the correct place to put the data fetcher? Since the root component of all pages is inside the TransitionRouter which is a client component, the pages will not be server components. Am I missing something?

You can wrap any server component with a client component, and it will still behave like a server component. Have a look on the next.js site in case 👍 https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns

[ismamz]

@danielmorena If you create a client component just to use the TransitionRouter, then everything (page, layout) can be server components without any problem. This is how all demos are made. Let me know if this answers your question.