InternationallyRanked
SolidStart clientside routing issue
My main issue (Solved)
I have an app setup with a (root).tsx layout, then my pages all in the corresponding (root) directory under routes. My Layout shows up fine, but when I try to change pages it gets stuck on the same page. Also, when I click to a different route nothing works on that page. Routes only work by directly visiting the URL. Any help to resolve this issue would be greatly appreciated.
More on this project:
My project is loosely based on a few examples including DBEST stack, tRPC, tailwind (with flowbite), and auth-unstorage. This is a pretty cool project that does some neat things, worth checking out regardless. I've written a little bit about my thinking behind the auth system on my blog at brooksdubois.com but I've drifted away from that alot here and decided to start from scratch with a new project from the tRPC template.
The project is located here: https://github.com/brooksdubois/SolidStart-tRPC-Auth
Running the project
To get it to run, you'll need to source the env file and run
docker compose up, then also source the env in a new terminal tab and run bunx drizzle-kit push to run the migrations. Then you should be able to do bun run dev and see a todo app that works live with sockets, a counter page, and an attempt at an auth page.
In conclusion
My goal here is to eventually provide protected routes and better understand how this works with websockets, but I've been stuck on this client side routing issue.
I'm not sure what I'm doing wrong and I'm finding the documentation a little bit obtuse to leading me to correct the problem. GPT has given me alot of help so far but nothing with this issue. Any help or just general thoughts on what I'm doing here is very greatly appreciated.8 replies