Persistent layouts?

[kiahjh]

Hi all! I'm using TanStack Router with SolidStart, and I have two questions:

1. Is there a way to make this sidebar layout persist (not re-render) across page navigations? (see behavior in video)

2. Has anybody experimented with using Lucide Icons with either TS Router or SolidStart? Is there any way to render them on the server? Currently I have to have all the icons be clientOnly, hence the flash in the video when I navigate to a new page.

Screen.Recording.2025-03-21.at.1.39.46.PM.mov

[schiller-manuel]

cc @birkskyum @brenelz

[brenelz]

Does this flicker still happen in the latest version? I think we fixed the flicker unless it's something else happening.

[kiahjh]

It's flickering for me on 1.114.26, but there could be something I'm doing that's wrong. Not sure if you noticed, but it's just the icons that are flickering, which could just be an artifact of the way I have those set up. I'm trying to use it on the new-analytics-site branch of this repo, in the /sentinel directory, if you want to poke around and see what I'm doing. It should be fairly simple, but there are a handful of components kicking around. If you want me to try to make a minimal reproduction of the problem I'd be happy to, but I wouldn't be able to get to that until tomorrow.

[brenelz]

So its reloading the page every time. You have to use the solid-router Link component to client side navigate.

[brenelz]

We have this issue open tho which doesn't like things nested in the Link tag for some reason.

solidjs/solid-start#1853

[kiahjh]

Oh, gotcha; didn't realize that Link did that as well, I thought it just gave type safety for url paths. Yep, I was the one who opened that issue, that's why I've been temporarily using raw a tags.
So basically I should wait until that other issue is resolved and then switch back to using Link and things should work?