Coding the add exercise feature in my app (TanStack Start, ShadCN, Drizzle, Postgres)
ฝัง
- เผยแพร่เมื่อ 11 ก.พ. 2025
- Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.web...
📁 GitHub: github.com/web...
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
You’re doing great babe!
Hey Cody. Really loving this series on TSS! Keep it up!
not sure if you showed it in your last videos, but it's very smart that you're using a set screen size for development - might start doing that myself so I don't have to worry about my app looking fine on a 2k monitor, but weird once you start scaling down
Thanks Cody, I’m enjoying the series!. I’m playing around with TanStack Start too.
Awesome! I've been following you for a while and made my own recently. This will be great to follow along with you to see if I have been using best practices.
Dude, TanStack start is awesome. Just had Tanner on a podcast. He is a cool dude.
For sure man, and I have high hopes for this framework!
The issue at 30:50 comes from the `getExercisesUseCase()` not being wrapped in `createServerFn`. When you wrap it in createServerFn it makes it remains the same in the server content, whilst the client context gets an RPC call to the server to execute the server code.
You can do `loader: () => getExercisesFn()` .
Thank you!
Yes, loaders are not run server-side only but also on client-side after hydration, so without the `createServerFn` to isolate context, you're essentially trying to access drizzle on the client.
start is far away from usable, but I'm running just tanstack-router spa with hono backend and its amazing. I'm not sure why would anyone ssr an app
Not sure about what you wanted to do at 3:49 but maybe you were missing an in exercise.tsx after L16? So that you can render exercise.add.tsx and exercise.$id.tsx there
I like your convention of "use cases" but not sure I understand it fully.. do you have a video where you elaborate on this?
Lol. I need to watch how you set up ShadCN, I had a weird issue.
Loader fn is isomorphic, means that it runs both on server and client, therefore you actually imported drizzle to client and it broke. You have to use the serverFn in loader to make it work instead of just plain function with drizzle inside.
I recently talked with tanner and he gave me a good overview of everything, just learned this
Hello cody
I'm korean and I am learning a lot by watching your videos
Don't you use Form Components from next.js15?
Which do you think is better for having an online presence: a TH-cam channel or a blog?
Channel
Love the videos. But recommend reading the docs a lot more carefully to avoid footguns and have a smoother experience. But a good debugging demo for beginners
Yeah I should
Oi, você ainda faz atualização de sua linguagem CIVET.
If you put it in an exercise folder with an index and and add it would work.
What exactly is better than ln nextjs 😂
4:16 Solved by having `dashboard/_layout/exercise.index.tsx` and `dashboard/_layout/exercise.add.tsx`.
how to disable auto translate on your video title? the translation is suck. better if i read it in english