SolidJS

S

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

Join

Hydration mismatch (SolidStart)

Hello, I want to extend the default Portal to reduce code duplication. When I try to use the new Portal component it throws me an error on the client side. Component...

Seroval File Serialization

On the docs for Seroval I see that Files are Isomorphic if using Seroval under an Async Context? How would I need to structure my loaders to return the file in an action?...

Session stores in SolidStart

How to use different session stores in SolidStart? What is the default store? https://docs.solidjs.com/solid-start/advanced/session...

vite-plugin-checker with v1 Start?

I had 'vite-plugin-checker' going with some of the earlier beta Solid Starts, but now it doesn't output anything. Is there a way to see all pending Typescript issues with vinxi etc, or any way to get plugin checker going with app.config.ts? This currently just does nothing, no errors, no output etc: ```JSX plugins: [ UnoCSS(), checker({...

Excel table component

Can anyone tell me if there is a ready-made Excel table component?

FileRoutes layout

Can anyone help me set up layouts in solidstart?
No description

Routing and using special characters with <FileRoutes>

When using <FileRoutes> I that both: - routes/[login, register].tsx multiple routes to one handler - routes/*any.tsx wildcard routes ...

Cannot read properties of undefined @ router normalizePath

Hi! My issue is the one described up here in the title. The function that throws it is @solidjs > router > dist > utils.js > normalizePath....

The combination of API routes and data loading functions

I have been trying out integrating my existing API routes with cache and action deploying to cloudflare. The goal is to have the benefit of 1) preloading route data 2) having an open API 3) and being able to easily log API accesses. The examples with SS seem to want you to utilize server functions which would not be an open API and (I dunno) how I would log properly If I call fetch to an API route inside cache with no use server then it can be called on either client or server...

How to Execute Server Action on Each Route Visit?

I have a home component (code in comments) In summary, what this component does is it calls a server action to check if the user is authenticated. If the user is authenticated, it redirects the user to the dashboard route. Otherwise, it redirects the user to the login route. Now, here's my question. What I want to do is perform this verification every time the home route is visited (even from a client-side redirect). From my logs however, it doesn't look like the server action is being called in subsequent visits to this route (i.e. after the account setup process is complete. The reason I know this is because "Executing checks to determine redirect" is being printed on my console. But, none of the other logs that would be printed if the action completed are. In other words authenticatedUser.result is always falsy. How would I go about doing what I am trying to do? Is there a different approach I should be taking to accomplish what I am trying to do? ...

The requested module '/_build/node_modules/.pnpm/debug@4.3.4/node_modules/debug/src/browser.js?v=d23

I published a new version of solid-markdown a while ago, and it broke a lot of people's imports with this error. https://github.com/andi23rosca/solid-markdown/issues/33 The error seems related to number 4 here: https://github.com/solidjs-community/tsup-preset-solid?tab=readme-ov-file#usage-gotchas, but the fix doesn't work ...

Whole page component rerenders in default Solid-Start project

When I'm trying to use input field, the whole page rerender after loading data from resource, causing input to lost focus. How to reproduce: 1. Start new solid start project ( pnpm create solid && pnpm install) 2. create does-rerender route: ( file: src/routes/does-rerender.tsx): (it's from tutorial)...

SolidStart: Uncaught SyntaxError: The requested module '/_build/node_modules/resolve/index.js'

I tried modifying and improving the official note app * adding formatting with prettier, added prettier config to package.json * setting more strict typescript tsconfig * adding runtime validation to api with zod ...

Different folder but making Vercel work on it (I'm a beginner)

Hello. For school do I need to make a project in a default folder structure. How can I make Vercel work with this code? Anyone be able to help me?
No description

Path syntax flexibility

Is this example from the docs supposed to work? Seems nice to be able to select keys using a function, but I can't seem to get it to work: https://docs.solidjs.com/concepts/stores#path-syntax-flexibility...
No description

Renaming Index not working?

Hi! I just created a project with SolidStart starter and chose the tailwind with typescript template. I created a socials folder with a socials.tsx component (should render on /socials according to the docs (https://docs.solidjs.com/solid-start/building-your-application/routing#renaming-index) but it only renders under /socials/socials. The function that I'm exporting from socials.tsx looks like this:...

Getting Prisma TypeError in the browser console in a SolidStart app after doing build and start:

The error: TypeError: Failed to resolve module specifier ".prisma/client/index-browser". Relative references must start with either "/", "./", or "../". I will work on reproducing this....

I have a question when building npm create solid with-prisma template.

In npm run dev, prisma with url="File:./dev.db" works fine, but when you run npm run build and start it with node.output/server/index.mjs, the path is not found. How do I specify the path at build time?...

Solid and It's Ecosystem

What things do you feel like Solid Lacks compared to React in terms of Ecosystem?