S
SolidJS•11mo ago
younghustlercentral

Layout for layout group

To make a layout for a route you need to make a .tsx file with the same name as the parent folder. But in case of layout groups, you specify them with (), but you can also rename index.txs of a route with (). How should I name the layout file? (app).tsx, app.tsx, routes.tsx do not work
2 Replies
younghustlercentral
younghustlercentral•11mo ago
Im coming from sveltekit so its quite confusing i just read the docs i guess they do not work the same way as in sveltekit
BlackCaesar
BlackCaesar•11mo ago
You have to name it (app).tsx, same as the folder, and it should be on the same level as the folder not inside it. Make sure you have the Outlet component in the layout file as well. I believe you can also rename index.tsx to (app).tsx but imo it would be confusing to have 2 (app).tsx files, so rather name it something else like (home).tsx or rename the folder and the layout file.
Want results from more Discord servers?
Add your server
More Posts
How to deploy an solid js app myselfHi all, good morning. Does anyone have a resource (blog post, tutorial, vídeo, etc) teaching how to SVG A elements not created correctlyWhen using an <a> element with <Show> or <For> inside an inline SVG element, we get the namespace wrHow to add events for scrolling like React? (with solid-qurey)Hi, I've only been dealing with React projects and I'm practicing Solid-js. `createResource` offerWhat's the best way to create multiple layouts that only some routes use?I need to have multiple layouts. I'd like some pages to use different layouts, rather than a single Looking for best way to re-validate route data after some arbitrary amount of time.Hi all, good morning/afternoon/night. So, i have a routed component with nested routes that share a How to stop VS Code from erroring with `Cannot find name 'React'.ts(2304)`?VS Code is complaining with `Cannot find name 'React'.ts(2304)` but I am not using React at all. I hHow should I use createRouteData``` export function routeData({ params, location }: RouteDataArgs) { return createServerData$( How can I access a store from the parent context from inside of a nested context?I am trying to access the WebsocketContext from inside of the DataStreamContext, in order to send ou