S
SolidJS•12mo ago
Bersaelor

[Solid-start]FileRoutes] is there a way of using two separate Routes folders in `root.tsx`

E.g., my main content should be Client-Side rendered, but the headers should be server side rendered for every route,s o what I would like to do is: 
[root.tsx]

  
    return <Html lang="en">
      <Head>
        <Routes>
          <FileRoutes folder='headers' />
        </Routes>
      </Head>
      <Body>
              <ClientOnly>
                <AuthContextProvider>
                  <AppContextProvider>
                    <Routes>
                      <FileRoutes folder='content' />
                    </Routes>
                  </AppContextProvider>
                </AuthContextProvider>
              </ClientOnly>
      </Body>
    </Html>
[root.tsx]

  
    return <Html lang="en">
      <Head>
        <Routes>
          <FileRoutes folder='headers' />
        </Routes>
      </Head>
      <Body>
              <ClientOnly>
                <AuthContextProvider>
                  <AppContextProvider>
                    <Routes>
                      <FileRoutes folder='content' />
                    </Routes>
                  </AppContextProvider>
                </AuthContextProvider>
              </ClientOnly>
      </Body>
    </Html>
4 Replies
mdynnl
mdynnl•12mo ago
not that I'm aware, i think it's better to use ClientOnly on the route level like route group or route component
Bersaelor
Bersaelor•12mo ago
So, the problem I had with <ClientOnly> on the root level, was that the <AppContextProvider> then had to also be in both routes, which meant two separate contexts. And the fact that I have UI Elements that should be <ClientOnly> that are reused in different routes and should stay on screen
mdynnl
mdynnl•12mo ago
haven't tracked the messages in #general so i dont quite follow but the context can be in top level, also seen a couple thread from you, most of em seems like XY problem to me, you could make another thread with your setup and data flow 🤣 meanwhile i'll try to follow the conversation cuz i'm on the bus
Bersaelor
Bersaelor•12mo ago
yeah, I was tryint multiple different approaches at the same time. this idea here of having two separate routes is clearly not possible
Want results from more Discord servers?
Add your server
More Posts
How to call for server-side-data in the `root.tsx` of solid-start`Since I want to wrap my entire site in `<ClientOnly>` in the `root.tsx`, I can't use `useRouteData` Any tools for SolidJS that you wish you had?Hey everybody, My team and I working on an open source project with some restrictions; one of them bRouter Error when on a server with lazy loaded component on root pageWhen I deploy my website on a webserver and I load the "/" route I get an error in the browser consoRuntime Env vars in viteHey all, I'm trying to figure out a way to run environment variables *at runtime* rather than at comAwait for signal state?My website checks the login state upon initial load and a Resource on a page is failing to load becaResource from async generator?Hey everyone, brand new to SolidJS. I'm working with a library that uses an async generator to retuSolid-Start + GraphQL session infoHi! I have a **GraphQL** handler at `http://localhost:3000/graphql` and I want to get session info bLosing reactivity in props passed to `children` callbackI've got a component `Field` that passes a memo to `props.children`. I'm running into an issue where1 property in `createMutable` with only 1 signalI have a `createMutable`. Most of the properties in this object I want to be behaving like a regularHow can I tell `solid-start` that I want most `routes` to be rendered entirely in the clientAtm, I have two applications, one is a client-side-rendered `solid-start` app with lot's of client d