How to fetch data server side in component (NextJs 13)

[gilded furnace]

I'm new to nextjs, i'm migrating from nuxtjs to nexjs. In nuxtjs, there is a function called asyncData() allow me to call api from server side. How can i do the same thing in nextjs, i tried getserversideprops() but it only works on page. i tried server component but then i want to treat my data like an state then the component be come client side.

[obsidian seal]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

      🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in <id:customize>

      ✅ You can mark a message as the answer for your post with `Right click -> Apps -> Mark Solution`
      (if you don't see the option, try refreshing Discord with Ctrl + R)

[lavish coral]

#discussions message