All topics

Can API requests within components be done server-side or only at the page level?

Danny

4 days ago

I thought API requests within components could be done server-side as long as auto-fetch and server-side fetching were both on, but it seems like they're fetched after page load (I can see the requests for each API in my network tab). Is that right or am I maybe missing something / misunderstanding?
Lucas G

4 days ago

It could be that they’re triggering twice
For example if they’re in an onLoad workflow
Danny

4 days ago

They're not in an onload workflow
I had a similar thought
Max

4 days ago

If they rely on data that is only available client-side, they cannot be called on the server. I'd check that, too
@Max
If they rely on data that is only available client-side, they cannot be called on the server. I'd check that, too
Danny

4 days ago

That’s a good thought. That could definitely be the case! I’ll take a look
Danny

4 days ago

Good catch @Max. It is relying on a couple pieces of client-side data. Follow up question:

Let's say I have something like an auth/me endpoint that I call to make sure the user is authenticated and then use a piece of info in the user object to make another API call. Is there any way to do this where both calls can happen server-side. For example, if I make the second call onSuccess of the first call, would that also be server-side or wait for the client to load at that point?
Danny

4 days ago

I can see a way around this where I can use the auth token and just make the second call without the first and handle any of the logic to fetch needed info on the server, but I'm wondering if it's possible to do it the first way because doing this would make my endpoint a bit more complicated.
Max

4 days ago

I don't think this is possible. I'd probably create a edge function or rpc so that you only need one call
@Danny
Good catch @Max. It is relying on a couple pieces of client-side data. Follow up question:

Let's say I have something like an auth/me endpoint that I call to make sure the user is authenticated and then use a piece of info in the user object to make another API call. Is there any way to do this where both calls can happen server-side. For example, if I make the second call onSuccess of the first call, would that also be server-side or wait for the client to load at that point?
Erik Beuschau

4 days ago

We do something similar in the editor project. Instead of using an on success event, I suggest you adjust the auto fetch formula for your second request to only run when the first request has data. During SSR we’re actually sorting all API requests so that:
- All independent API requests run in parallel
- All API requests that rely on other API requests run in the correct order 1 by 1 to ensure they have the data needed to evaluate their different formulas (for instance on load)
🤯2
Danny

3 days ago

Interesting! @Erik Beuschau do you have an example of how that works? For example, what does the auto fetch formula look like? Also, can it reference a value from the context coming from another component higher up?
@Danny
Interesting! @Erik Beuschau do you have an example of how that works? For example, what does the auto fetch formula look like? Also, can it reference a value from the context coming from another component higher up?
Lucas G

3 days ago

He's saying to not auto-fetch and instead call the API on success of the first
@Lucas G
He's saying to not auto-fetch and instead call the API on success of the first
Max

3 days ago

I don't think so. The second api call should have the auto fetch fx bound to the data of the first one, if I understand correctly
@Max
I don't think so. The second api call should have the auto fetch fx bound to the data of the first one, if I understand correctly
Lucas G

3 days ago

Ah you're right. I forgot that the auto-fetch now supports formulas
In that case the formula would need to return a boolean
For example, data from API does not equal null/undefined
Lucas G

3 days ago

I ended up mostly moving away from the API panel to JS right after v2 came out so I don't even get to use the fancy new features
Danny

3 days ago

That was my understanding as well. Still wondering if this can be done using a value from the context or if the APIs all have to live on the same page / component so you can reference the response from the API directly
Lucas G

3 days ago

If the API is set to server-side then it should be able to use contexts as long as they are available server-side
👍1

Can API requests within components be done server-side or only at the page level?

Danny

Lucas G

Danny

Max

Danny

Danny

Danny

Max

Erik Beuschau

Danny

Lucas G

Max

Lucas G

Lucas G

Danny

Lucas G

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community