SolidJSS
SolidJS•4y ago•
2 replies
KokoNeot

Lazy loading routes instead of components

Hi,

I'd like to have a separate file for each main route, but I'm not sure how to do that using lazy

<Routes>
            <Route path='/*' component={MainLayout}>
                <Route path='/' component={Home} />
                <Route path="/privacy" component={Privacy} />
                <Route path="/tos" component={ToS} />
                <Route path="/shards" component={Shards} />
                <Route path="/commands" component={Commands} />

                <Route path="/profile" data={UserRouteData}>
                    //...
                </Route>

                <Route path="/admin" component={AdminLayout}>
                    //...
                </Route>

                <Route path="/admin/updates/new" component={CreateUpdate}/>

                <Route path="/blogs">
                    //...
                </Route>

                <Route path="/dashboard" component={ServerPanel}/>
                <Route path="/dashboard/:guildID" component={DashboardLayout} >
                    //...
                </Route>
            </Route>
        </Routes>

those are my routes.
What I'd imagine is a file for homepage. privacy, tos, shards, commands, then profile but that should include also its subroutes, same with admin and blogs and dashboard.

How can I lazy load several components at once?
Was this page helpful?