cartjacked
cartjacked5mo ago

Convex Trello Example

Hey all! Might be a dumb question but I pulled down this repo example after watching the YouTube stream: https://github.com/TanStack/router/tree/main/examples/react/start-convex-trellaux But when I run the project it seems to be misconfigured or missing some setup steps?
GitHub
router/examples/react/start-convex-trellaux at main · TanStack/router
🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering. - TanStack/router
No description
20 Replies
ballingt
ballingt5mo ago
Let's see, is there no "create a board" flow? I'm checking this out fresh now
cartjacked
cartjackedOP5mo ago
no just a blank screen
cartjacked
cartjackedOP5mo ago
my env variables are set...
No description
ballingt
ballingt5mo ago
Based on the query at the bottom on the devtools things are good
cartjacked
cartjackedOP5mo ago
I'll tinker around further and report back later, thanks!
ballingt
ballingt5mo ago
This project has been on pause for a bit while we waited for TanStack Start to reach alpha, but now that it's announced I'm getting back to it — so expect things to improve, more demos coming. What does your Convex dashboard look like for this project? Try npx convex dashboard from that directory
ballingt
ballingt5mo ago
GitHub
router/examples/react/start-convex-trellaux/convex/board.ts at main...
🤖 Fully typesafe Router for React (and friends) w/ built-in caching, 1st class search-param APIs, client-side cache integration and isomorphic rendering. - TanStack/router
ballingt
ballingt5mo ago
which creates a single board you should be able to click on
ballingt
ballingt5mo ago
but I'm also seeing an error, I'll fix this
No description
cartjacked
cartjackedOP5mo ago
the seeding is working now but im seeing errors with the dependencies maybe i need to pull this project folder on its own 🤔
ballingt
ballingt5mo ago
You need to run pnpm run dev from the main directory of tanstack-router but there are going to be some other issues too, I'm opening a PR now to fix I've did the demo yesterday with an existing node_modules directory that wasn't using the latest version of convex
cartjacked
cartjackedOP5mo ago
can we eventually have a separate repo for these demos that arent bundled with the router repo?
ballingt
ballingt5mo ago
absolutely, for the react-query integration you can clone https://github.com/get-convex/convex-react-query which is the library and an example
GitHub
GitHub - get-convex/convex-react-query
Contribute to get-convex/convex-react-query development by creating an account on GitHub.
ballingt
ballingt5mo ago
for TanStack Start you may need to wait a bit before we pull it out because Start is changing so much that it's hard to maintain outside of the repo Also docs here https://docs.convex.dev/client/tanstack-query but we'll get a quickstart and a CLI wizard up for TanStack Start before long
cartjacked
cartjackedOP5mo ago
working better now, only issue is on reload I see this error but no biggie thanks for your hard work!
cartjacked
cartjackedOP5mo ago
sweeet works great, thank you
ballingt
ballingt5mo ago
I'm seeing some interesting loading behavior on full refresh, we'll be looking into this maybe with some help from TanStack Router folks next week Even when everything is working we'll need to provide some guidelines, TanStack Start is going to provide the option for different tradeoffs but we want to have a straightforward suggested path to get started with for loading strategy.
cartjacked
cartjackedOP5mo ago
appreciate the heads up
ballingt
ballingt5mo ago
TanStack/Router Fix is merged

Did you find this page helpful?