Theo's Typesafe Cult•17mo ago

Can I still get features like SSR/ISR with this infrastructure?

Hi everyone, I need to understand a bit about SSR/ISR with this infrastructure I have built. I was first wanting to understand security implications to scaling multiple apps for my frontend, serving the HTML/JS to the users, while they consume my master backend, with all of the business logic

13 Replies

GabrielOP•17mo ago

I was wondering, can I still get features like SSR/ISR if in the client applications (E.g. App1 or App2 in the picture) fetch the data from my Master backend while still in the server? Is there a better way t structure this?

Brendonovich•17mo ago

SSR would be fine, ISR just depends on how you deploy. Looks like you'll be deploying everything on Vercel so that should all work. You'd only benefit from those if you're actually fetching while server rendering though, from the looks of things your client would be doing fetching separately

GabrielOP•17mo ago

For example, in my App1 I could have

getServerSideProps(){
 const data = await fetch(myBackendHereURL)
return {
    props: {
      data,
    },
  }
}

getServerSideProps(){
 const data = await fetch(myBackendHereURL)
return {
    props: {
      data,
    },
  }
}

Brendonovich•17mo ago

Oh yea that'd be fine gSSP and stuff doesn't care where you get data from

GabrielOP•17mo ago

Humm. I see. But is there a better way to do things?

Brendonovich•17mo ago

I mean I wouldn't recommend using gSSP but if you're going to then that will work

GabrielOP•17mo ago

I am trying to structure one big backend that I can access from dfferent frontends. I basically have it structured already so that the clients (computers in the image) can access the master backend with trpc. Working fine

Brendonovich•17mo ago

Yeah that sounds fine

GabrielOP•17mo ago

Okay. Cool! And @brendonovich, do you know if I can call my Master backend from my Apps using trpc? (Serverless function calling another serverless function using trpc)

Brendonovich•17mo ago

Technically yeah, it's all just fetch requests between servers. I'm not sure on the specifics of how you'd setup the tRPC clients

GabrielOP•17mo ago

So, instead of that I would have something like

getServerSideProps(){
 const data = trpc.posts.getAll.useQuery()
return {
    props: {
      data,
    },
  }
}

getServerSideProps(){
 const data = trpc.posts.getAll.useQuery()
return {
    props: {
      data,
    },
  }
}

I mean, I think useQuery is a hook for react, so But I'm guessing it can work. That's good to know.

Brendonovich•17mo ago

It might just be as simple as initializing a vanilla client on the server https://trpc.io/docs/client/vanilla/setup Actually since you're server-rendering you might need the SSR helpers https://trpc.io/docs/client/nextjs/server-side-helpers

GabrielOP•17mo ago

I see Thank you. I'll look into it later For now I'm setting it all up so that I can have Auth working as well 😄

Gaming

Programming

Can I still get features like SSR/ISR with this infrastructure?