WhyTerremotin!
Lazy loading components work with SSR with solidStart?
Hello all, i'm working on an e-commerce demo, and need to load a grid with data of the products, the problem is that the grid and the content, is based on admin preferences, so i want to load it with lazy loading.
We will have like 5 or 6 very complex-different grids, so i don't want to LOAD ALL the options and use a switch or somethig because is just send JS to the client without optimizations.
looks like "lazy" api is just for this. to load a component with dynamic import.
The question: Will this grid work with SSR-solidStart? or this lazy loading and dynamic import only work on client-side?
i was checking the tutorial here:
https://www.solidjs.com/tutorial/async_lazy
and add some delay and i see the welcome but it's not "waiting" for SSR to be resolved.
is like "streaming" the lazy loaded component.
so for the SEO is required to load with SSR, because is the products data grid
Thanks for the answer
4 replies
failed to resolve import
Hey, i'm facing something very strange, i install my pandacss and modify the tsconfig.json to add an "alias" so i can type @panda/css ... and use the functions but i receive the error Failed to resolve import ....Does the file exist?
"paths": {
"~/": ["./src/"],
"@/": ["./drizzle/"],
"@panda/": ["./styled-system/"]
}
this is the tsconfig path i added
import { css } from "@panda/css";
i import this way. inside my component. The cursor ide don't complain but the HMR don't detect the import.
Some idea about what can be happening?
4 replies