I'm from Brazil and I'm loving your tutorials, through your website I'm getting to understand nest. There are no up to date nest courses on udemy and it's very hard to find people who teach as well as you do. Congratulations on the work, looking forward to your course in November!
This is a super solid tutorial that lays a very powerful foundation for a full stack app. I'm excited to leverage TRPC in my existing NestJS work. After completing this tutorial, I will work to add Prisma to this for a database.
Absolutely fantastic mate you are the only beacon of hope for me at this point. If you can make auth with crud that will be perfect. (Using next js and nest js) ❤
Hello Sir Currently i've learned and can build project with MERN stack i'm currently learning Nextjs and typescript.Woulf you mind if i suggest you to pls make a Nestjs Beginner series?That would help so much for a lot of people .Thanks bro for this tutorial❤🎉
Hey Tom, thanks for this awesome tutorial. Do you have any ressources on how you would implement authentication with both NestJS and NextAuth ? I find it a little confusing. Thanks for your help man!
That's a great video, thanks you helped me alot. One question though, can tRPC work well with some nextjs features like guards and pipes? I dont see how we can implement those and would appreciate a video on it
hello，very nice tutorials，teach me a lot to improve my projects。in other way learned about the framework create-t3-app，this seems not using nestJs。In my case i prefer to use nest，how do i choose to use your way or the create-t3-app，can you give some suggestion，thanks very much!
Hey Tom, quick question. Why does a node_modules folder appear at the root level when you set up the NestJS project? You root level package.json doesn't have any dependencies, so I would have thought all of NestJS dependencies would be included in the apps/server folder. At first I thought maybe it's because it's automatically hoisting up shared dependencies, but you hadn't created the NestJS project yet, so technically nothing needs to be shared/hoisted.
Hi! Thank you for making this great video, but it would be awesome if you explained the concept first (monorepo, tRPC, etc) instead of jumping in and doing some code. I know there's a lot video & article explaining about this, but it would be awesome to see you explain this with your style. Can't wait to see your another tutorial 😊😊😊 Thank you ☺
Hey Tom, I was setting this up using Fastify instead of Express for my NestJS server and ran into an issue where all trpc queries would fail. When I switched back to express, it worked just fine. Would you happen to know what the issue would be for using Fastify instead of Express?
Hi there, great video! I use Node.js (with ts and ems) as back-end and have a "small" issue. Whenever I build nextjs for production it errors because it's trying to compile my back-end code and I think that's happening because NextJS is following the tRPC AppRouter import (36:20). Do you have any idea how to solve this? Linting and checking validity of types ...Failed to compile. ../back-end/src/routes/_app.ts:1:24 Type error: Cannot find module '@/trpc' or its corresponding type declarations. > 1 | import { router } from "@/trpc"; (I also have the @ as an import path to src in both tsconfigs, so when next tries to find the above import it tries to find it in the front-end/src while it's actually in back-end/src)
tRPC wraps around the React-Query by default so there is no need to use the useState and useEffect, I think. This should work out of the box: "use client"; import { trpc } from "@web/lib/trpc"; export default function HomePage() { const data = trpc.hello.query({ name: "web" }); return {data}; } Issues: - Hydration error - Hot Module Reload no longer works
Anyone following this make sure to not do your client-side fetching like this. The way he has his useEffect set up creates an infinite loop continuously refetching from the API while the page is open. A better way to do this would be to use a library like tan stack query, or if you really want to use useEffect, make sure you put a dependency array ([]).
I'm from Brazil and I'm loving your tutorials, through your website I'm getting to understand nest. There are no up to date nest courses on udemy and it's very hard to find people who teach as well as you do. Congratulations on the work, looking forward to your course in November!
been following your blogs on nestjs.Thanks for the video I hope for more and wishing all the best
Awesome, thank you!
This is a super solid tutorial that lays a very powerful foundation for a full stack app. I'm excited to leverage TRPC in my existing NestJS work. After completing this tutorial, I will work to add Prisma to this for a database.
So glad you found it useful! 🎉
I was looking for a trpc monorepo turorial. Your video helped me. Thanks ❤
Absolutely fantastic mate you are the only beacon of hope for me at this point. If you can make auth with crud that will be perfect. (Using next js and nest js) ❤
Awesome stuff! This is exactly what I've been trying to figure out how to do for multiple weeks now
this is absolutely fantastic mate. subscribed. good luck with the channel!
Thanks so much Trent! Really appreciate it 🙏
thank you very much. super cool tutorial. I finally understood how trpc works. Would love to see trpc + prisma setup
I'm your 107th subscriber 😀 Very useful tutorial. Lots of love from India ❤️
Bhai ye racist hai isse Indians pasand nhi
Dekh bhai sab hi a comment hearted hai par tere nhi
@@jeffkirchoff14 tu comment section achha se dekh. Indian pay heart rated v hai aur comment v hai.
Saucy value, thanks brother 🤝
Finally, I found some good stuff here. Thanks for making this tutorial
Hello Sir Currently i've learned and can build project with MERN stack i'm currently learning Nextjs and typescript.Woulf you mind if i suggest you to pls make a Nestjs Beginner series?That would help so much for a lot of people .Thanks bro for this tutorial❤🎉
Hey Tom, thanks for this awesome tutorial. Do you have any ressources on how you would implement authentication with both NestJS and NextAuth ? I find it a little confusing. Thanks for your help man!
So any thinking of making more projects (also complex) with this stack? Really appreciate your dedication.
Thank you so much
Bruuuu. Great example. Make more of those setups mate.
Just discovered your blog, great content, must have a good read of the unit testing blog, something thats not covered a lot.
Thank you! I put a lot of effort into that unit testing blog post. Aiming to do a UA-cam tutorial on NestJS unit testing soon too 🫡
That's a great video, thanks you helped me alot.
One question though, can tRPC work well with some nextjs features like guards and pipes? I dont see how we can implement those and would appreciate a video on it
What changes will I need to make if I decide to use graphql instead of trpc ? Thanks for the tutorial!
hello，very nice tutorials，teach me a lot to improve my projects。in other way learned about the framework create-t3-app，this seems not using nestJs。In my case i prefer to use nest，how do i choose to use your way or the create-t3-app，can you give some suggestion，thanks very much!
Hey Tom, quick question. Why does a node_modules folder appear at the root level when you set up the NestJS project? You root level package.json doesn't have any dependencies, so I would have thought all of NestJS dependencies would be included in the apps/server folder. At first I thought maybe it's because it's automatically hoisting up shared dependencies, but you hadn't created the NestJS project yet, so technically nothing needs to be shared/hoisted.
hey can you also cover dockizing the whole thing?
By any chance do you have a docker-compose file with each Docker file for the projects?
Hi! Thank you for making this great video, but it would be awesome if you explained the concept first (monorepo, tRPC, etc) instead of jumping in and doing some code. I know there's a lot video & article explaining about this, but it would be awesome to see you explain this with your style. Can't wait to see your another tutorial 😊😊😊
Thank you ☺
Hey Tom, I was setting this up using Fastify instead of Express for my NestJS server and ran into an issue where all trpc queries would fail. When I switched back to express, it worked just fine. Would you happen to know what the issue would be for using Fastify instead of Express?
Hi there, great video! I use Node.js (with ts and ems) as back-end and have a "small" issue. Whenever I build nextjs for production it errors because it's trying to compile my back-end code and I think that's happening because NextJS is following the tRPC AppRouter import (36:20). Do you have any idea how to solve this?
Linting and checking validity of types ...Failed to compile.
../back-end/src/routes/_app.ts:1:24
Type error: Cannot find module '@/trpc' or its corresponding type declarations.
> 1 | import { router } from "@/trpc";
(I also have the @ as an import path to src in both tsconfigs, so when next tries to find the above import it tries to find it in the front-end/src while it's actually in back-end/src)
Awesome skills. Thank Tom
gracias master !!! crea un CRUD con autenticación plz
love your content from indonesia!
29:30 It would be nice to show how to inject the HelloService into the router
Hi. Is there a way to test tRPC routers on NestJS? I'm having a hard time making it work. I have some ideas but no luck so far.
Thanks for making this.
awesome stack, also a new sub! Let's goo!
its cool, how to deploy this app in vps using cloud platform like digital ocean? can you make the tutorial?
tRPC wraps around the React-Query by default so there is no need to use the useState and useEffect, I think. This should work out of the box:
"use client";
import { trpc } from "@web/lib/trpc";
export default function HomePage() {
const data = trpc.hello.query({ name: "web" });
return {data};
}
Issues:
- Hydration error
- Hot Module Reload no longer works
Fantastic video!
Nice explanation man
Bro how to connect express trpc backend with nextjs frontend?? Plz guide me
how about using turborepo to do this ?
👏
Noiceeeee
How to dockerize it?
What about react query
Making network requests on the server side. I think react query is just for client side?
i wonder why add another nesths to complicate your app instead using t3?
thanks for uploading tutorial it its great helpful :)
great vid bro
Good tutorial
Anyone following this make sure to not do your client-side fetching like this. The way he has his useEffect set up creates an infinite loop continuously refetching from the API while the page is open. A better way to do this would be to use a library like tan stack query, or if you really want to use useEffect, make sure you put a dependency array ([]).
Why would you want a monorepo?
type safety I guess
good job 😊😊😊
Thanks 😄
is this newbie friendly ?
Watch and find out 🙃
not really
You could have done every thing in nextjs without
using nestjs