No video
This CLI Changed How I Start Projects
Рет қаралды 22,577
11 ай бұрынSetting all this up yourself easily takes an hour or two, this CLI is just really handy man. It's extremely new as well, not perfect but works mostly flawless so I wanted to share it with y'all.
CLI is open source btw: github.com/nic...
-- my links
Next.js SaaS: www.splitter.gg/
Discord: / discord
GitHub: github.com/jos...
@shivamvijaywargi 11 ай бұрын
Would love to see a real case project with all of this together.
@eshw23 11 ай бұрын
Thank you for consistently making these videos to keep us up to date on everything. I've applied so much of to my own projects and it helped a lot.
@joshtriedcoding 11 ай бұрын
Very happy to hear that man. Really means a lot. Cheers
@helleye311 11 ай бұрын
I've been waiting for t3 stack to update to the app router myself. Happy to see this! especially since it also comes with shadcn ui and drizzle. Will definitely use this for the next side project!
@joshtriedcoding 11 ай бұрын
Oh yeah having tRPC now work w/ the app router is so nice. Cheers man
@TheIpicon 11 ай бұрын
damnnnn, this is crazy and for the app router too. In contrast to your ending I actually liked that your content is for "mature" programmers
@joshtriedcoding 11 ай бұрын
thanks for the feedback!
@joshuasingh854 11 ай бұрын
What would be useful is showing how you would create a full stack booking app with this setup! Thanks Josch, you're the best 🎉
@joshtriedcoding 11 ай бұрын
haha kind of revisiting that one project from like a year ago :D Honestly, I'm unsure of whether or not drizzle makes sense for these more involved videos. I decided to go with Prisma for the next to not overwhelm beginners with all the new tools, just makes it much easier to follow along. That said, drizzle is really fun to write and I use it in all my personal projects
@raymondmichael4987 11 ай бұрын
@@joshtriedcoding , even I prefer prisma makes easier to follow along because I always use mongodb.
@alexandru-gabrielmanea4495 11 ай бұрын
Wow, you read my mind. Helping us like always. It was exactly what I was looking for. Thanks, keep up with the good stuff!
@joshtriedcoding 11 ай бұрын
appreciate ya dude
@meijichocolate7540 11 ай бұрын
This looks so useful! Thanks for sharing this with us, we appreciate it :)
@deividasmacavariani8684 11 ай бұрын
Great, thank you for sharing these amazing tools👍
@therollingambit5222 11 ай бұрын
I really hope ur channel get 100k subs soon! Ur content is amazinggggg. Keep up the good work :)
@TheIpicon 11 ай бұрын
kirimase has a ton there! like auto generating new models and trpc routes
@joshtriedcoding 11 ай бұрын
yeah and for it being so new I am really impressed
@tculig 10 ай бұрын
"Y'all can read do I'm not gonna repeat the title", best intro to a video ever! XD
@luisbauu 11 ай бұрын
T3-stack but for the app router ✨
@joshtriedcoding 11 ай бұрын
yeah!
@saurabh75prakash 11 ай бұрын
Looks like t3-stack killer.
@MirkoVukusic 11 ай бұрын
yes, it seems t3 stack is moving slow. Appdir, drizzle, tRPC with AppDir... still not stable. But Im sure they'll catch up soon.
@raymondmichael4987 11 ай бұрын
Would like to see protected route implementation with trpc in app router. This tool will help a loot . Thanks buddy 😊
@joshtriedcoding 11 ай бұрын
Cheers man!
@vibray0 11 ай бұрын
im looking forward to test this in a lil project!
@joshtriedcoding 11 ай бұрын
hell yeah let me know how it goes for ya
@pjholmes2 11 ай бұрын
Thank you for these great videos Josh.
@joshtriedcoding 11 ай бұрын
Cheers man!
@diogoribeiro868 11 ай бұрын
i used that today, very good
@adehenry9591 11 ай бұрын
Another fantastic video. Thanks josh....i have a similar set up that makes it possible to use tRPC both in client and server components...tRPC is rising again guys!
@mh_dev 10 ай бұрын
Keep up the good work
@nithin3476 11 ай бұрын
how do you find this kind of stuff, it's really cool tq
@joshtriedcoding 11 ай бұрын
the creator reached out on twitter and somebody in my discord told me about it too :)
@realitydesigners 11 ай бұрын
This was awesome I’ll use this
@bryson2662 11 ай бұрын
damn, this is nice. thank you
@bibblebabl 11 ай бұрын
Wait a second, but why tRPC is fully client-side? I thought that Jack H shows in his example how to create a server router as well?
@gautamjakhar3219 11 ай бұрын
App dir supported with server trpc ???
@mllavez 11 ай бұрын
6:41 - 6:50 it doesn't recognize it as an array. ERROR: Property 'map; does not exist on type '{ computers: { id: number; brand: string; cores: number; }[]; }'.
@keshavakumar9828 11 ай бұрын
This is mind blowing 😮
@joshtriedcoding 11 ай бұрын
pretty neat yep
@0xtz_ 11 ай бұрын
Just tried it it's 🎉 amazing
@craigcaski 11 ай бұрын
Very cool. Seems like t3 for app router with drizzle instead of prisma.
@joshtriedcoding 11 ай бұрын
it does!
@MirkoVukusic 11 ай бұрын
tRPC is not only client side. Can be used on server side too which is nice to avoid writing duplicate queries
@anonanon7368 11 ай бұрын
not a good idea to hit another api endpoint when you're already on the server
@nelsonfrz 11 ай бұрын
Yes @anonanon7368 is right. But kirimase generates regular functions for every action (which are the single source of truth btw) and these be used on the server. That is pretty neat imho
@MirkoVukusic 11 ай бұрын
@@anonanon7368 , for the benefits its a very small loss. I dont see much difference in hitting db query alone or hitting api+db when db query alone is 95% of work most of the time. Also, api lets me play with caching responses much easier, which will save a lot of db query executions, thus reducing the load on server(s) in the long run
@6little6fang6 11 ай бұрын
🤯🤯
@anasouardini 11 ай бұрын
Why there is no one project builder that helps setup all popular dev tools? I like Vite currently but why all builders support a really limited set of tools. For instance: Vite doesn't add Taiwind for you, although it's really simple task. I'm asking because I thought there might be an already existing solution that I don't know of. In an ideal situation, I imagine it would be covering from choosing the package manager to installing libraries and picking config files templates (TS, Nodemon, postcss, etc)
@navinnarayanan7460 11 ай бұрын
does this work with a t3 app? i just need to add drizzle
@TheBuddilla 11 ай бұрын
Someday they will have a nice implementation of credentials logins. Most clients, at least mine, want username/email logins.😒
@karimelnemr8610 11 ай бұрын
I wonder why I have to use all of these things, where I can just init an app with next.js and supabase and get all this benefits without any additional packages or work, to be specific (I'm taking about database, storage and auth with type safety all over it, client and server with supabse type generator)!?
@joshtriedcoding 11 ай бұрын
hmm it mostly comes down to being flexible on your setup. Not everybody is a tRPC fan, neither with any tool out there. I really like that it's all opt-in instead of shipping by default, makes the core project pretty slim
@sathishkannan6600 11 ай бұрын
Can trpc work in lambdas.
@kerimismail5562 11 ай бұрын
Hey really good Video👍 I want to start a project with that but i would love a deeper Tutorial ok the database setup in Produktion and APIs.
@replicant9611 11 ай бұрын
Weird but I am getting 404 page with fresh project. This CLI has a bug
@unfocuseddev4921 11 ай бұрын
Same here, I even provided error details a few days ago but for some reason my comment doesn't show up here. I've tried on two different machines (PC and Mac).
@nicoalbanese10 11 ай бұрын
@replicant9611 @@unfocuseddev4921 double check that you don't have two app directories. I've run into the issue before where you install shadcn-ui without updating the path to the globals.css file (if you're using src directory), and it creates a new app directory with a globals.css file. Nextjs will then prioritise that directory over the original.
@unfocuseddev4921 11 ай бұрын
@@nicoalbanese10 Thanks man, that was it, it runs fine now! Now I see that the author of kirimase indeed changes the default directory in his video presentation, but Josh skips that part of the configuration in his video. I'm surprised me and @replicant9611 were the only ones to run into this problem - looks like the other people commenting were either smart enough to realise that the default path needs adjusting or didn't run the cli themselves.
@StephenRayner 11 ай бұрын
Nice man, I liked that your videos are not beginner friendly. Allows me to get what I need quicker
@joshtriedcoding 11 ай бұрын
haha cheers thanks for the feedback
@DunckingTest 11 ай бұрын
Josh can you do a video explaining how a good file structure should be in nextjs
@joshtriedcoding 11 ай бұрын
most times you'll be thrown into some sort of existing code and just go with what the team has already figured out. If you start a project from scratch, I usually keep all library-related stuff in a lib folder and some helpful functions inside of a utils folder
@kerimismail5562 11 ай бұрын
How do you find the vercel postgres Solution compare to other database Providers?
@joshtriedcoding 11 ай бұрын
have never used it, it caters more towards beginners that like to stay involved in the vercel ecosystem. That's not a bad thing at all, the setup is very easy. I personally prefer something like planetscale or neon though
@regrioz 11 ай бұрын
please make another big project like breddit with these methods together
@nabinsaud4688 11 ай бұрын
Server actions should be included too i think
@nabinsaud4688 11 ай бұрын
Does this require already a next project
@joshtriedcoding 11 ай бұрын
any sort of next project works, just not sure why you'd want to mess with your setup in an existing, larger codebase
@nabinsaud4688 11 ай бұрын
@@joshtriedcoding got it
@yousafwazir286 11 ай бұрын
yes ! start projects but never finish them 🤣
@kasper369 11 ай бұрын
Ai will not take my job this cli might
@joshtriedcoding 11 ай бұрын
hahaha if your job just consists of setting up trpc, drizzle and next-auth for the app router it just might
@elormtsx 11 ай бұрын
🎉🎉
@shayantriedcoding 11 ай бұрын
Please share your vs code settings json file with us 😅😊
@mocambiquemaputomatola8238 11 ай бұрын
Hi @josh i whould love if you develop a school management system with multiple schools❤
@SR-zi1pw 11 ай бұрын
trpc in app router is hard
@sauravsanjel2977 2 ай бұрын
Is this cli dead
@aabishkarwagle8708 11 ай бұрын
seems like t3 stack on app dir
@xxXAsuraXxx 11 ай бұрын
Try bun …..
@Jack_Ranold 11 ай бұрын
Am too noob to understand what he's doing
@SonAyoD 11 ай бұрын
He should add clerk
@julianbustos3079 11 ай бұрын
But Josh it doesn't have clerk! :D
@joshtriedcoding 11 ай бұрын
youre right D:
@mjbalcueva6485 11 ай бұрын
how do u even find tools like these. this is awesome
@RegalWK 11 ай бұрын
Josh could you try to archive tRPC + NextJS app dir + Supabase context and calling trpc procedure from server components? I tried this but could manage
@kssaiteja2005 11 ай бұрын
expecting a good full stack project from you with drizzle, nextjs, clerk, mysql, planetscale @joshtriedcoding
@joshtriedcoding 11 ай бұрын
youre not gonna be disappointed. With prisma instead of drizzle to make it easier for beginners to follow along though :)
奧特羅羅 Ultraman
Рет қаралды 6 МЛН